JSFiddle - React, Tailwind, and code Playground

HTML

<!--RADIO 1-->
    <input type="radio" class="radio_item" value="" name="item" id="radio1">
        <label class="label_item" for="radio1"> <img src="http://i.stack.imgur.com/FSN1q.png"> </label>
    
    <!--RADIO 2-->
    <input type="radio" class="radio_item" value="" name="item" id="radio2">
    <label class="label_item" for="radio2"> <img src="http://i.stack.imgur.com/FSN1q.png"> </label>

CSS

.radio_item{
    display: none !important;
    }

    .label_item {
    opacity: 0.1;
    }
    
    .radio_item:checked + label {
    opacity: 1;
    }

label {
cursor: pointer;   
}