JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 700px; height: 850px;  position: absolute; left: -20px;" >



 <div class="imagens" style="position:  static; left: 90px; top: 70px; width: 130px; height: 129px; "  >
<div style="position:  absolute; left: 55px; ">
<div style="position: relative; left: 29px;  top: 38px;"><img src="http://i.imgur.com/Ww2xT7t.png" /></div>

<div style="position: relative; left: 7px;   top: -65px;">
 <input type="checkbox" name="imagem" id="i1" />
 <label for="i1"><img src="http://i.imgur.com/OpIgi4H.png" /></label>
</div>
<div style="position: relative; left: 50px;  top: -155px;">
 <input type="checkbox" name="imagem" id="i2" />
 <label for="i2"><img src="http://i.imgur.com/8Iyy2C4.png" /></label>
</div>
<div style="position: relative; left: 95px; top: -188px;">
<input type="checkbox" name="imagem" id="i3" />
<label for="i3"><img src="http://i.imgur.com/M6hK389.png" /></label>
</div>

<div style="position: relative; left: 95px; top: -185px;">
<input type="checkbox" name="imagem" id="i4" />
<label for="i4"><img src="http://i.imgur.com/M5UHtdt.png" /></label>
</div>
<div style="position: relative; left: 49px;  top: -215px;">
<input type="checkbox" name="imagem" id="i5" />
<label for="i5"><img src="http://i.imgur.com/XWX98Fc.png" /></div></label>


<div style="position: relative; left:  5px;   top: -290px;">
<input type="checkbox" name="imagem" id="i6" />
<label for="i6"><img src="http://i.imgur.com/cdasBJA.png" /></div></label>
</div>



</div>
</div>

CSS

.imagens input[type="checkbox"] {
    visibility: hidden;
}

.imagens label {
    display: block;
    border: 1px solid #666;
    width: 50px;

}

.imagens input[type="checkbox"]:checked+label {
    border-color: #ccf;
}
.imagens img {
  
}