Профессор , с этим !important -- так и не ясно, зачем он
Но если продлить аналогию, работает более чистый способ -- разделение
background по свойствам .
Почему не работает сокращенная запись -- не понятно.
fog.style.backgroundImage = `url("${backgroundUrl}")`;
fog.style.backgroundRepeat = 'repeat-x';