.container-reveal {
  opacity: 1;
  position: relative;
  overflow: visible;

  transform-origin: top center;
  transform: scaleY(0);

  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

/* Show the full container from top to bottom */
.container-reveal.is-container-visible {
  transform: scaleY(1);
}

/* Hide content while card is opening */
/* .container-reveal > * {
  opacity: 0;
  transition: opacity 0.25s ease;
} */

/* Show content only after card is almost open */
/* .container-reveal.is-container-visible > * {
  opacity: 1;
  transition-delay: 0.65s;
} */

@media (prefers-reduced-motion: reduce) {
  .container-reveal {
    transform: scaleY(1);
    transition: none;
    will-change: auto;
  }

  /* .container-reveal > * {
    opacity: 1;
    transition: none;
  } */
}