/* Las dos caras comparten un mismo lienzo para que el giro no altere el flujo. */
.team-flip-inner {
  min-height: 600px;
}

@media (min-width: 768px) {
  .team-flip {
    perspective: 1200px;
  }

  .team-flip-inner {
    display: grid;
    transform-style: preserve-3d;
    transition: transform .65s cubic-bezier(.2, .75, .25, 1);
  }

  .team-flip.is-flipped .team-flip-inner {
    transform: rotateY(180deg) !important;
  }

  .team-flip-face {
    grid-area: 1 / 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

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