@keyframes flutuando {
    0% {transform: translateY(-105px);}    
    50% {transform: translateY(-65px);}   
    100% {transform: translateY(-105px);}    
}
@keyframes gato {
    0%, 100% {transform: translate(0,-40px) rotate(0);}   
    25% {transform: translate(0,-20px) rotate(-30deg);}   
    50% {transform: translate(0,0) rotate(10deg);}
    75% {transform: translate(0,0) rotate(-30deg);}
}
@keyframes peixe {
    0%, 100% {transform: translate(0,0) rotate(50deg);} 
    55% {transform: translate(-30px,15px) rotate(20deg);}
    75% {transform: translate(-20px,15px) rotate(40deg);}
}

.menina-flutuando {
    position: absolute;
    max-width: 183px;
    transform: translateY(-105px);
    left: -25px;
    animation: flutuando 2.5s infinite ease-in-out;
}
.mulher-cafe {
    position: absolute;
    max-width: 276px;
    top: -177px;
    right: 40%;
    transform: translateX(50%);
    z-index: 1;
}
.gato {
    transform: translate(0,-40px) rotate(0);
    transform-origin: 50% 0;
    animation: gato 4.5s infinite ease-in-out;
}
.peixe {
    transform: translate(0,0) rotate(50deg);
    transform-origin: 10px bottom;
    animation: peixe 5s infinite ease-in-out;
}