@media (prefers-reduced-motion: no-preference) {
  body.avend-reveal-ready .avend-scroll-reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease-out, transform .6s ease-out;
    transition-delay: var(--avend-reveal-delay, 0ms);
  }

  body.avend-reveal-ready .avend-scroll-reveal.avend-reveal-visible {
    opacity: 1;
    transform: translateY(0);
  }
}