/* TRANSLATE */
.gif-move {
    opacity: 0;
    transform: translateX(100px);
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.gif-move-x {
    opacity: 1 !important; 
    transform: translateX(0) !important;
}

/* SCALE */
.gif-scale {
    opacity: 0; 
    transform: scale(0.5);
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.gif-scale-x {
    opacity: 1 !important; 
    transform: scale(1) !important;
}

/* SCALE */
.gif-grow {
    opacity: 1;
    width: 0px !important; 
    transition: 2s;
    transition-timing-function: ease-in-out;
}
.gif-grow-x {
    opacity: 1 !important;
    width: 25% !important;
}
.gif-grow-y {
    width: 0px !important;
} 

/* LEFT */
.gif-left {
    opacity: 0;
    transform: translateX(-100px);
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.gif-left-x {
    opacity: 1 !important; 
    transform: translateX(0) !important;
}

.gif-delay-1 {
    transition-delay: 10ms;
}
.gif-delay-2 {
    transition-delay: 200ms;
}
.gif-delay-3 {
    transition-delay: 300ms;
}