JSFiddle - React, Tailwind, and code Playground

HTML

<div class="buttons">
<input type="radio" name="a" value="1.0" id="b" />
<label for="b" id="img1"><img id="img2"  src="http://lorempixel.com/10/10"></label>

<input type="radio" name="a" value="2.0" id="c" />
<label for="c" id="img3"><img  id="img4" src="http://lorempixel.com/10/10"></label>

<input type="radio" name="a" value="3.0" id="d" />
<label for="d" id="img5"><img  id="img6" src="http://lorempixel.com/10/10"></label>
</div>

CSS

input[type="radio"] {
  display: none;
}
input[type="radio"]:checked + label {
  position: relative
}
input[type="radio"]:checked + label::before {
  content: url("http:://lorempixel.com/10/10");
  position: absolute;
  left: 15px
}
#img2, #img4, #img6 {
  width: 100px;
  height: 100px;
}
#img1 {float: left}
#img3 {float: left}
#img5 {float: left}