JSFiddle - React, Tailwind, and code Playground

by Svetlana Pavlova

HTML

<div id="block">
<div id="panel" class="bl bl1">1</div>
<div id="panel" class="bl bl2">2</div>
<div id="panel" class="bl bl3">3</div>

</div>

CSS

div#block {
margin:0 0 0 0;
width:300px; 
height:150px;
border: 1px solid #5698C9;
}

.bl {
width:35px;height:50px;
background-position: 50% 50%;
background-repeat:no-repeat;
border: 1px dotted #5698C9;
position: absolute;
}

.bl1 {
margin: 10px 0 0 10px;
background-image:url(prib2.jpg);
}

.bl2 {
margin: 10px 0 0 50px;
background-image:url(prib2.jpg);
}

.bl3 {
margin: 10px 0 0 90px;
background-image:url(prib3.jpg);
}