@keyframes elemind-card-reveal {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .is-layout-grid--reveal {
      > .wp-block-post,
      > .wp-block-group {
        animation-name: elemind-card-reveal;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(.2, .8, .2, 1);
        animation-timeline: view();
        animation-range-start: entry 25%;
        animation-range-end: cover 50%;
      }
    }
  }
}