@keyframes floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* Ajusta el valor para la altura del movimiento */
    }
    100% {
        transform: translateY(0);
    }
}

.floating {
    animation: floating 4s ease-in-out infinite;
}


@keyframes floating2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px); /* Ajusta el valor para la altura del movimiento */
    }
    100% {
        transform: translateY(0);
    }
}

.floating2 {
    animation: floating2 3s ease-in-out infinite;
}