title: How do I change the `prefers-reduced-motion` setting in browsers?
body: <p>There is plenty of documentation around on how to use the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" rel="noreferrer">prefers-reduced-motion</a> media query in CSS.</p>
  
  <p>This is great but now that I'm using <code>prefers-reduced-motion</code> in my CSS, I want to be able to test what using my site is like for someone that has this setting enabled. I can't find any information on how to do this though and I'm having difficulty finding this as a setting in browser settings.</p>
  
  <p>Maybe this isn't a browser setting at all. Maybe this is something that is set at the Operating System level. </p>