JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<p>

<img src="https://res.cloudinary.com/shirlym/image/upload/e_camera:right_30;up_10/f_auto/yc26ze6iywvstbboivjp_1_i7dmk6.glb" width=600>
</p>

DPR2
<p>
<img src="https://res.cloudinary.com/shirlym/image/upload/e_camera:right_30;up_10/f_auto/dpr_2/yc26ze6iywvstbboivjp_1_i7dmk6.glb" width=600>
</p>
DPR Auto and Width auto
<p>
<img class="cld-responsive" 
    data-src="https://res.cloudinary.com/taskrabbit-com/image/upload/c_fill,g_face,dpr_auto/r_max/bepx5wmwn4n8p2ypodz8.jpg" width=300>
</p>
DPR Auto and Width auto
<p>
<img class="cld-responsive" 
    data-src="https://res.cloudinary.com/taskrabbit-com/image/upload/c_fill,g_face,dpr_auto,w_auto/r_max/bepx5wmwn4n8p2ypodz8.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>