Медиа-запросы и фоновые изображения

У меня есть div

<div id="page">

</div>

со следующим css:

   #page {
    background: url('images/white-zigzag.png') repeat-x;
    }

    @media (max-width: 600px) {
  #page {      
  background: url('images/white-zigzag-mobile.png') repeat-x;
  }
}

Я замечаю, что когда я изменяю размер своего браузера, я вижу "мобильный" фон (хорошо), но если я вернусь и сделаю свой браузер большим, мой предыдущий «большой» фон не всегда появляется снова.

Это временная проблема, но она происходит достаточно часто, и я думаю, что мне следует ее решить.

Есть ли способ обойти эту проблему «фоновое изображение не появляется» или способ изменить размер фоновых изображений, чтобы медиа-запрос «сжал» фоновое изображение до нового размера? Насколько я знаю, нет (широко распространенного) способа изменить размер фонового изображения ...