ダークモードまたはライトモードに応じて画像を切り替える方法

[miao_miao]

現在のOSが使用しているモードに合わせてバナー画像をカスタマイズしたいです。
color_definitions.scssスタイルシートに以下を追加してみました。

$banner: url(dark-light-choose($light-banner, $dark-banner));

:root {
  --custom-banner: #{$banner};
}

そして、通常のスタイルシートでvar(--custom-banner)を使用してみました。

PCやスマートフォンではすべて問題なく表示されます。しかし、iPadで画像がちらつきます。

この問題を解決する方法はありますか、それとも別の方法を試すべきでしょうか？

[Don]

@miao_miao

しかし、iPadでは画像がちらつきます。

こんにちは 例を見せていただけますか？