다크 모드 또는 라이트 모드에 따라 이미지를 전환하는 방법

현재 OS가 사용 중인 모드에 따라 배너 이미지를 커스터마이징하고 싶습니다.
color_definitions.scss 스타일시트에 아래 코드를 추가해 보았습니다:

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

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

그리고 일반 스타일시트에서 var(--custom-banner)를 사용했습니다.

PC와 모바일에서는 문제가 없는데, 아이패드에서는 이미지가 깜빡입니다. :disappointed_relieved:

이 문제를 해결할 방법이 있거나, 다른 방식으로 시도해 볼 수 있을까요?

안녕하세요 :waving_hand: 예시를 보여줄 수 있을까요? :slightly_smiling_face: