JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<script 
    src="https://cdnjs.cloudflare.com/ajax/libs/cloudinary-core/2.4.0/cloudinary-core-shrinkwrap.min.js"
    type="text/javascript">
</script>
<div>
  <img
  src="https://res.cloudinary.com/moip/image/upload/c_fill,dpr_auto,f_auto,g_face:center,q_auto,w_auto/v1588023672/e4bde0eb_869e.jpg"  class="cld-responsive" width="414" >
</div>

CSS

img { display: block; }
div { margin-top: 1em; }

JavaScript

var cl = cloudinary.Cloudinary.new({cloud_name: "moip"}); 
// replace 'demo' with your cloud name in the line above 
cl.responsive();