JSFiddle - React, Tailwind, and code Playground

HTML

<label>
				<input type="radio" name="lang" value="de" checked/>
				<img src="http://www.globalpiyasa.com/v5/img/flag/de.png">
			</label>
			<label>
				<input type="radio" name="lang" value="en" />
				<img src="http://www.globalpiyasa.com/v5/img/flag/us.png">
			</label>
			<label>
				<input type="radio" name="lang" value="ru" />
				<img src="http://www.globalpiyasa.com/v5/img/flag/ru.png">
			</label>

CSS

label > input{
	visibility: hidden;
	position: absolute;
}

label > input + img{ 
	cursor:pointer;
	border:2px solid transparent;
}

label > input[type="radio"] + img{
	opacity: 0.5;

}

label > input:checked + img{
	opacity: 1;

}