@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33% { transform: translateY(-10px) rotate(5deg); }
    66% { transform: translateY(5px) rotate(-5deg); }
}

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

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

@media (max-width: 768px) {
    .particle {
        display: none;
    }
}