@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-60px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
  
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(60px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
  
.reveal-section {
    opacity: 0;
}

.reveal-section.animate-left {
    animation: slideInLeft 0.7s forwards;
}

.reveal-section.animate-right {
    animation: slideInRight 0.7s forwards;
}