JSFiddle - React, Tailwind, and code Playground

HTML

<!-- 1. Load the resrc.js library -->
<script src="http://use.resrc.it/0.8"></script>
<!-- 2. Load the plugin -->
<script src="https://rawgit.com/resrcit/resrc.breakpoint.js/master/src/resrc.breakpoint.js"></script>
<!-- 3. On DOM Ready, Execute the resrc plugin -->
<script>
    resrc.ready(function() {
        resrc.breakpoint();
        resrc.resrc();
    });
</script>
<body>
    <img data-src-0px="http://app.resrc.it/c=ar5x10,yof0,xof46/c=ar1x1/o=80/http://www.resrc.it/img/demo/barack-obama.jpg" 
    data-src-320px="http://app.resrc.it/c=ar10x4,yof50/c=ar4x3/o=80/http://www.resrc.it/img/demo/barack-obama.jpg" 
    data-src-640px="http://app.resrc.it/c=ar10x5,yof50/c=ar4x3/o=80/http://www.resrc.it/img/demo/barack-obama.jpg" 
    data-src-720px="http://app.resrc.it/c=ar4x3/o=85/http://www.resrc.it/img/demo/barack-obama.jpg" 
    alt="" class="resrc resrc--breakpoint" />
</body>

CSS

.resrc--breakpoint {
    width: 100%
}