@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }

  /* Specific adjustments used in your markup */
  #hero-slider,
  .group:hover .some-hover-effect,
  .rotate-180 {
    transition: none !important;
  }

  #progress-bar {
    transition: none !important;
  }

  .backdrop-blur-xl {
    backdrop-filter: none !important;
  }
}