@keyframes float {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateX(3px);
    }

    40% {
        transform: translateY(-3px);
    }

    60% {
        transform: translateX(-3px);
    }

    80% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
    }
}

.float {
    animation: float 8s ease-in-out infinite;
}