.animatedX {opacity: 0;}
.animated {opacity: 0; animation-fill-mode: forwards; }

.animated.fadeIn {
    animation: fadeIn 1s ease-in-out forwards;
}

.animated.zoomIn {
    animation: zoomIn 1s ease-in-out forwards;
}



.animated.delay-0-5s {animation-delay: 0s!important;}
.animated.delay-1s {animation-delay: 0.4s!important;}
.animated.delay-1-5s {animation-delay: 0.7s!important;}
.animated.delay-2s {animation-delay: 1.1s!important;}
.animated.delay-2-5s {animation-delay: 1.5s!important;}

.animated.delay-3s {animation-delay: 3s!important;}
.animated.delay-3-5s {animation-delay: 3.5s!important;}
.animated.delay-4s {animation-delay: 4s!important;}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(800%);
    }
    100% {
        opacity: 1;
        transform: scale(100%);
    }
}