.outer {
  perspective: 32.5rem;
  width: 20rem;
}

.inner {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.outer:hover .inner {
  transform: rotateY(180deg);
}

.front,
.back,
img {
  backface-visibility: hidden !important;
  height: 20rem !important;
}

.back {
  transform: rotateY(180deg);
}

body {
  min-width: 21.625rem;
}/*# sourceMappingURL=style.css.map */