.reveal {
    opacity: 0;
    will-change: transform, opacity;
    transition:
            opacity 1.4s cubic-bezier(0.2, 1, 0.3, 1),
            transform 1.4s cubic-bezier(0.2, 1, 0.3, 1);
}

.reveal-left {
    transform: translateX(-100px);
}

.reveal-right {
    transform: translateX(100px);
}

.reveal-bottom {
    transform: translateY(50px);
}

.reveal-top {
    transform: translateY(-50px);
}

.reveal.active {
    opacity: 1;
    transform: translate(0, 0);
}

.delay-1 {
    transition-delay: 0.1s;
}
.delay-2 {
    transition-delay: 0.2s;
}
.delay-3 {
    transition-delay: 0.3s;
}