@keyframes floating {
    from { transform: translate(0,  0px); }
    40%  { transform: translate(0, 20px); }
    to   { transform: translate(0, -0px); }    
}

@keyframes floating-reverse {
    from { transform: translate(0,  0px); }
    40%  { transform: translate(0, -20px); }
    to   { transform: translate(0, -0px); }    
}


@keyframes move-left-up {
    from { transform: translate(0,  0px); }
    50%  { transform: translate(-10px, -10px); }
    to   { transform: translate(0, 0px); }    
}

@keyframes move-left-down {
    from { transform: translate(0,  0px); }
    50%  { transform: translate(-10px, 10px); }
    to   { transform: translate(0, 0px); }    
}