Я пытаюсь отобразить три разных изображения, в зависимости от размера экрана, используя элемент picture. На 1199px он правильно отображает test2.jpg. Тем не менее, когда он опускается ниже 600px, он по-прежнему показывает test2.jpg, а не test3.jpg. Сначала я подумал, что это могло произойти из-за того, что второй источник переопределил его, но не повезло, даже после определения минимальной и максимальной ширины для него. Есть идеи?
Вот мой HTML:
<picture>
<source media="(max-width: 600px)" srcset="test3.jpg">
<source media="(min-width: 601px) and (max-width: 1199px)" srcset="test2.jpg">
<img src="test1.jpg" alt="image of something">
</picture>