@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-30px) rotate(180deg); }
}

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

.animate-float-delay-1 {
  animation: float 20s ease-in-out infinite;
  animation-delay: -5s;
}

.animate-float-delay-2 {
  animation: float 20s ease-in-out infinite;
  animation-delay: -10s;
}