_reveal.scss

// sass/utils/_reveal.scss
.reveal__loaded {
    .reveal {
        [class*="reveal-"] {
            opacity: 0 !important;
            transform: translateY(-30px);
            transition: opacity 0s, transform 0s !important;
        }
    }

    [class*="reveal-"] {
        transition: opacity 1s cubic-bezier(.5, 0, 0, 1), transform 1s cubic-bezier(.5, 0, 0, 1);
    }

    .reveal-1 {
        transition-delay: .1s;
    }

    .reveal-2 {
        transition-delay: .2s;
    }

    .reveal-3 {
        transition-delay: .3s;
    }

    .reveal-4 {
        transition-delay: .4s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reveal {
        [class*="reveal-"] {
            opacity: 1 !important;
            transform: translateY(0px) !important;
            transition-duration: 0s !important;
            transition-delay: 0s !important;
        }
    }
}