/* Initial state: elements are hidden */
.scroll-animate {
    opacity: 0;
    transform: translateY(50px); /* Slight offset for animation */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

/* Animate on scroll into view */
.scroll-animate.visible {
    opacity: 1;
    transform: translateY(0); /* Set final position */
}