@media (max-width: 768px) {
  .backdrop-blur,
  .backdrop-blur-md {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .drop-shadow-2xl {
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animate-marquee,
  .animate-whale-float {
    animation: none;
  }
}