I tried this example on the macbook chrome browser , but the browser always displays
elva-fairy-800w.jpg image irrespective of viewport width. even at 500*787 viewport size ,
the image displayed is the “elva-fairy-800w.jpg” . It never switches to
elva-fairy-480w.jpg below viewport width of 600px.
I checked the macbook pro device pixel ratio , and it is “2” .
Can you mention because of this , browser never chooses the smaller resolution image ?