/* PERSPECTIVA EN PADRE */
.hover-flip {
  perspective: 1400px;
}

/* CONTENEDOR */
.image-flip {
  position: relative;
}

/* AMBAS CARAS SE SUPERPONEN */
.image-flip .web-image-block-container {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* IMÁGENES COMO CARAS */
.image-flip .flip1 img,
.image-flip .flip2 img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform-style: preserve-3d;
}

/* CARA 1 */
.image-flip .flip1 img {
  transform: rotateY(0deg);
}

/* CARA 2 */
.image-flip .flip2 img {
  transform: rotateY(180deg);
}

/* HOVER DESDE PADRE (IMPORTANTE) */
.hover-flip:hover .flip1 img {
  transform: rotateY(-180deg);
}

.hover-flip:hover .flip2 img {
  transform: rotateY(0deg);
}