JSFiddle - React, Tailwind, and code Playground

HTML

<div class="best">
 
<div class="slider">
<input id="s1" type="radio" name="slider"checked>
<label for="s2" id="l1"></label>
<input id="s2" type="radio" name="slider">
<label for="s1" id="l2"></label>
</div>
 
</div>

CSS

#s1, #s2, #s1 + label, #s2 + label {
    display: none;
}
#s1:checked + label {
    display: block;
    background: url(http://i.cubeupload.com/xVnWmm.png);
    width: 200px;
    height: 133px;
}
#s2:checked + label {
    display: block;
    background: url(http://i.cubeupload.com/iIhqoQ.png);
    width: 200px;
    height: 133px;
}