JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div class="line">
 <div class="bg">   
<img src="http://wishtest.silvertive.com/WWS/images/50/33cc9214-6df2-4a26-a959-1c003b0b8820.jpg" alt="background image" class="bg" />
    </div>
 <div class="bg">   
<img src="http://wishtest.silvertive.com/WWS/images/50/33cc9214-6df2-4a26-a959-1c003b0b8820.jpg" alt="background image" class="bg" />
    </div>
 <div class="bg">   
<img src="http://wishtest.silvertive.com/WWS/images/50/33cc9214-6df2-4a26-a959-1c003b0b8820.jpg" alt="background image" class="bg" />
    </div>
</div>

CSS

img.bg {
  position:static;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:inline-block;
  border:solid 1px green;
}

.line{width:600px;height:300px;border:solid 1px red;}

JavaScript

$(".bg").css(
    { "height":"100px",
      "width":"100px"
     })