JSFiddle - React, Tailwind, and code Playground

by barteloma

HTML

<div id="main">
    <div id="sub1">
        <img src="http://i48.tinypic.com/wrltuc.jpg"
        style="width:150px; height:140px; "/></div>
    <div id="sub2">
         <img src="http://oi41.tinypic.com/24cib61.jpg"
        style="width:120px; height:100px; "/>
    </div>
    <div id="sub3">
          <img src="http://oi50.tinypic.com/1z2j8rd.jpg"
        style="width:60px; height:60px; "/>
    </div>
</div>

<div id="captureBig"></div>
<div id="captureSmall"></div>

CSS

#main{ border:1px solid #441; width:500px; height:200px;}
#sub1{ width:150px; height:140px; top:50px; left:150px;  position:fixed}
#sub2{ width:120px; height:100px; top:20px; left:40px;   position:fixed}
#sub3{ width:60px; height:60px; top:130px;  left:270px;  position:fixed}

#captureBig{ width: 500px; height:200px; border:1px solid #897; margin-top:20px;}
#captureSmall{ width: 200px; height:50px; border:1px solid #897; margin-top:20px;}