Me gustaría personalizar mi imagen de banner según el modo que esté usando el sistema operativo ahora.
Intenté agregar esto a mi hoja de estilo color_definitions.scss:
$banner: url(dark-light-choose($light-banner, $dark-banner));
:root {
--custom-banner: #{$banner};
}
Y traté de usar var(--custom-banner) en mi hoja de estilo normal.
Todo se ve bien en PC y teléfono móvil. Pero la imagen parpadea en el iPad. 
¿Hay alguna forma de solucionar el problema o debería intentar otra forma?
¿Podrías mostrar un ejemplo? 