.fade-in-text {
    opacity: 0; /* Start with invisible text */
    animation: fadeIn 1.5s ease-in forwards; /* Apply fade-in animation */
}

/* Delay each text element */
.fade-in-text:nth-child(1) {
    animation-delay: 1s; /* First text appears after 1 second */
}

.fade-in-text:nth-child(2) {
    animation-delay: 3s; /* Second text appears after 3 seconds */
}

.fade-in-text:nth-child(3) {
    animation-delay: 5s; /* Third text appears after 5 seconds */
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px); /* Optional: Add a slight upward movement */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}