JSFiddle - React, Tailwind, and code Playground

HTML

<div id= "div1"> 
<img id="image0" src="http://212.214.80.169:80/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Sweden, region Vasterbottens Lan, Insjon"> 
</div>

<div id= "div2"> 
<img id="image1" src="http://131.155.61.62:80/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Netherlands, region Noord-Brabant, Eindhoven">
</div>

<div id= "div3"> 
<img id="image2" src="http://123.111.182.60:8080/cam_1.cgi" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Korea, Republic Of, region Seoul-T'Ukpyolsi, Seoul">
</div>

<div id= "div4"> 

<img id="image3" src="http://93.87.72.254:8090/mjpg/video.mjpg?COUNTER" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in Serbia, region Vojvodina, Novi Pazar">
</div>

<div id= "div5"> 
<img id="image4" src="http://199.89.180.249:8080/?action=stream" class="img-responsive img-rounded detailimage" alt="" title="Click here to enter the camera located in United States, region Maryland, Annapolis">
</div>

CSS

#div1{ 
position: absolute; 
left: 0px;
top: -15px;
width: 300px;
height: auto;
}


#div2{ 
position: absolute; 
right: 0px;
top: 0px;
width: 300px;
height: auto;



}
#div3 { 
position: absolute; 
left: 0px;
bottom: 0px;
width: 300px;
height: auto;


}

#div4 { 
position: absolute; 
right: 0px;
bottom: 0px;
width: 300px;
height: auto;
}



#div5 { 
position: absolute; 
left: 350px;
top: 100px;
width: 300px;
height: auto;

}

img {
  width:100%;
}