.float-slow { animation: float1 7s ease-in-out infinite; } .float-med { animation: float2 5s ease-in-out infinite; } .float-fast { animation: float3 4s ease-in-out infinite; } .pulse { animation: pulseAnim 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes float1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes float2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } } @keyframes float3 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes pulseAnim { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }