@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateX(100px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-text {
    opacity: 0;
    /* hidden by default */
}

.animate-second {
    opacity: 0;
    transform: translateX(100px);
}

.animate-second.active {
    animation: fadeUp 1.2s 0.5s ease forwards;
}

.animate-text.active {
    animation: fadeUp 1.2s 0s ease forwards;
}