@keyframes flipIn {
  0% {
    transform: rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0);
    opacity: 1;
  }
}

.animate-flip-in {
  animation: flipIn 0.6s ease-out forwards;
  transform-origin: center;
}