Мобильный браузер не использует правильные адаптивные изображения

Question

Мои адаптивные изображения корректно работают на настольном Chrome, когда я переключаюсь в мобильный режим в утилитах разработчика ... однако, когда я на самом деле смотрю на сайт на s7, s5, s3 или iPhone (не уверен, какая модель у моей женыимеет), неправильные изображения показывают.

Вот тестовая страница.

http://herschbachphotography.com/gallery_index/imagetest.html

Изображения баннера помечены Mobile, S, M или L, чтобы проверить, какое изображение используется.Второе вертикальное черно-белое изображение помечено S, M или L.

Вот код для изображений:

<img
            id="banner"
            src="../graphics/banner_19202.jpg"
            sizes=" (max-width: 480px) 480px,
                    (max-width: 1280px) 1280px,
                    (max-width: 1920px) 1920px,
                    (min-width: 1921px) 2560px,
                    100vw"
            srcset="../graphics/banner_4802.jpg 480w,
                    ../graphics/banner_12802.jpg 1280w,
                    ../graphics/banner_19202.jpg 1920w,
                    ../graphics/banner_25602.jpg 2560w"
            alt="Tim Herschbach Fine Art Photography"/>

и

<img
                    class="vertical"
                    src="../galleryphotos/doveinsnow_medium2.jpg"
                    sizes=" (max-width: 675px) 271px,
                            (max-width: 1920px) 620px,
                            (min-width: 1921px) 1240px,
                            100vw"
                    srcset="../galleryphotos/doveinsnow_small2.jpg 271w,
                            ../galleryphotos/doveinsnow_medium2.jpg 620w,
                            ../galleryphotos/doveinsnow_large2.jpg 1240w"
                    alt="Dove In Snow photograph"/>