/* Definição da animação lenta */
@keyframes flutuarLento {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); } /* Altura do movimento */
    100% { transform: translateY(0px); }
}

/* Aplicando ao objeto com prioridade máxima */
.flutuar-interativo {
    display: block !important; /* Garante que o transform funcione */
    animation: flutuarLento 4s ease-in-out infinite !important; /* Bem lento */
    will-change: transform;
}

/* Pausar ao passar o mouse */
.flutuar-interativo:hover {
    animation-play-state: paused !important;
}