/* Default state for text elements */
.animate-text {
    opacity: 0; /* Initially hidden */
    transform: translateY(20px); /* Slightly below its final position */
    transition: opacity 1s ease, transform 1s ease;
}

/* When in the viewport, apply this class */
.animate-text.show {
    opacity: 1; /* Fully visible */
    transform: translateY(0); /* End position */
}