Gostaria de personalizar minha imagem de banner de acordo com o modo que o sistema operacional está usando no momento.
Tentei adicionar isto ao meu arquivo de folha de estilo color_definitions.scss:
$banner: url(dark-light-choose($light-banner, $dark-banner));
:root {
--custom-banner: #{$banner};
}
E tentei usar var(--custom-banner) na minha folha de estilo regular.
Tudo parece bom no PC e no celular. Mas a imagem pisca no iPad. 
Existe uma maneira de corrigir o problema ou devo tentar outra abordagem?
Você poderia mostrar um exemplo? 