I was just talking with Dave about the accessibility of moving images on the web, and he said: hm… I wonder if you could use picture + prefers-reduced-motion? He then sends the following code: <picture> <source srcset="no-motion.jpg" media="(prefers-reduced-motion: reduce)"></source> <img srcset="animated.gif alt="brick wall"/> </picture> I copied the code, dropped it into a post of mine, created
![Reducing motion with the picture element](https://cdn-ak-scissors.b.st-hatena.com/image/square/30be390c4164bc420ea566091f230e2dca959685/height=288;version=1;width=512/https%3A%2F%2Fbradfrost.com%2Fwp-content%2Fuploads%2F2017%2F08%2Fcard-image.png)