Very useful Intent to Prototype for a CSS `image-animation` property: https://groups.google.com/a/chromium.org/g/blink-dev/c/0kUk5-6TAfM/m/7YVGLKzEBwAJ. The example below would pause all animated images (like GIFs), and only play them when hovering or focusing an image:

```css
img { image-animation: paused; }
img:hover, img:focus { image-animation: running; }
```

See the Explainer for more background: https://github.com/webplatformco/project-image-animation/tree/main/image-animation-property.