JSFiddle - React, Tailwind, and code Playground

by szal

HTML

<picture>
    <source srcset="http://s3.amazonaws.com/gmi-digital-library/aad28067-d9a8-4452-b493-8921ddc4c243.jpg" media="(min-width: 900px)" />
    
    <source srcset="http://s3.amazonaws.com/gmi-digital-library/e608f7cd-a134-49d7-a7dd-2eba3cd36c07.jpg 1x,
                    http://s3.amazonaws.com/gmi-digital-library/aad28067-d9a8-4452-b493-8921ddc4c243.jpg 2x" 
            media="(min-width: 500px)" />
    
    <source srcset="http://s3.amazonaws.com/gmi-digital-library/0151ec76-dbb2-46e1-91e1-3db6b4d4a3d6.jpg 1x,
                    http://s3.amazonaws.com/gmi-digital-library/e608f7cd-a134-49d7-a7dd-2eba3cd36c07.jpg 2x,
                    http://s3.amazonaws.com/gmi-digital-library/aad28067-d9a8-4452-b493-8921ddc4c243.jpg 3x" />

    <img src="http://s3.amazonaws.com/gmi-digital-library/e608f7cd-a134-49d7-a7dd-2eba3cd36c07.jpg" alt="Caprese Salad with Greens" style="width: 100%;" />
</picture>