Prefers Reduced Motion Hard Override

prefers-reduced-motion.css

/*
  It may be wise to include this at the bottom of your body so that
  it overrides css which comes before it in the document.
*/
@media (prefers-reduced-motion) {
  * {
    animation: none !important;
    transition: none !important;
  }
}