JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<p>

<img src="https://www.murdochs.com/globalassets/hlr-system/product/apparel-and-accessories/manufacturer/l-manu/ligo/life-is-good-80983-main.jpg" width=300>
</p>

DPR2
<p>
<img src="https://res.cloudinary.com/shirlym/image/upload/w_300,dpr_2/life-is-good-80983-main_erdnwl.jpg" width=300>
</p>
DPR Auto and Width auto
<p>
<img class="cld-responsive" 
    data-src="https://res.cloudinary.com/shirlym/image/upload/w_auto,dpr_auto,q_auto,f_auto/life-is-good-80983-main_erdnwl.jpg" >
</p>
<script src="https://unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.js">
</script>
<script type="text/javascript">
    var cl = cloudinary.Cloudinary.new({cloud_name: "demo"});  
    cl.responsive();
</script>