.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.5s ease, transform 1.5s ease, background-color 0.5s ease !important;

}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.reveal-left {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 1.5s ease, transform 1.5s ease, background-color 0.5s ease, box-shadow 0.5s ease !important;
}

.reveal-left.visible {
    opacity: 1;
    transform: translateX(0);
}