JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">

<img class="lazy_res" data-web-src="http://image.prntscr.com/image/bdf1d94b64104ef2acd2ceee19882cd1.jpg" data-mobil-src="http://image.prntscr.com/image/caa51ab4900448589201207e57b2630f.jpg" data-tablet-src="http://image.prntscr.com/image/4b2862a292b543139daa7805a58c17fd.jpg"/>
  
  
  
</div>

JavaScript

noLazyImages(".box img");

function noLazyImages(e) {
   $(e + '.lazy_res').attr('src', function(_, oldSrc) {
   
     var elData = $(this).data(),
         winWidth = $(window).width();        
       
     if (winWidth  > 960) {
       return elData['webSrc']
     } else if (winWidth  < 768 && winWidth >=480 ) {
       return elData['tabletSrc']
     } else if (winWidth  < 480) {
       return elData['mobilSrc']
     }
   })
 }