.animation-card{
    margin-top: -75px;
    backdrop-filter: blur(5px); 
    border-radius: 16px;
    background: linear-gradient(349.8deg, rgba(255, 255, 255, 0.04) 7.61%, rgba(112, 112, 112, 0.04) 88.33%);
    box-shadow: -2px -1px 0px rgba(255, 255, 255, 0.24);
}

@media (max-width: 767.98px) {
    .animation-card{
        margin-top: -50px; 
    }
}
.floating { 
    animation-name: floating;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px) skew(22deg)}
    50%  { transform: translate(0, 15px) skew(22deg)}
    100%   { transform: translate(0, -0px) skew(22deg)}
}