/* Bounce */
.animationFour,
.animationSix {
    animation: bounce2 8s ease-in-out infinite;
}

@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

/* Pulse */
.animationFive,
.animationTen {
    animation: pulse 3s infinite ease-in-out alternate;
}
@keyframes pulse {
    from { transform: scale(0.8); }
    to { transform: scale(1.2); }  
}

/* Translate X */
.animationTwo,
.animationOne,
.animationSeven {
    animation: shake 8s ease-in-out infinite;
}   
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}


/* Translate Y */
.animationThree,
.animationNine {
    animation: shakeY 8s ease-in-out infinite;
}

@keyframes shakeY {
    0%, 100% {
        transform: translateY(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateY(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateY(10px);
    }
}