JSFiddle - React, Tailwind, and code Playground

HTML

<p id="radioimage1">

</p>
<label for="radioimage1">Image 1</label>
<img id="image1" class="imghide" src="http://icons.iconarchive.com/icons/hopstarter/keriyo-emoticons/128/Smiley-friendly-icon.png" />

CSS

.selected {
    text-decoration:underline;
}
span{
    cursor:pointer;
}

input[type=radio] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
 
label {
    display: block;
    background: #08C;
    padding: 5px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    color: white;
    font-weight: bold;
}

#padding{
    padding-top:150px;
}
.imghide{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
}
#radioimage1:checked ~ #image1 {
    display:block;
}