.image-wrapper {
  perspective: 1000px;
  display: inline-block;
}

.image-3d-rotate {
  display: inline-block;
  transform-style: preserve-3d;
  pointer-events: auto;
}

.image-3d-rotate.rotate {
  animation: spinY 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.image-3d-rotate.no-pointer {
  pointer-events: none;
}

@keyframes spinY {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(180deg);
  }
}