JSFiddle - React, Tailwind, and code Playground

HTML

<label>Deutsch
				<input type="radio" name="lang" value="de" checked/>
				<img src="http://www.globalpiyasa.com/v5/img/flag/de.png" alt="Deutsch">
			</label>
			<label>English
				<input type="radio" name="lang" value="en" />
				<img src="http://www.globalpiyasa.com/v5/img/flag/us.png" alt="English">
			</label>
      <p>Stellen wir uns einmal vor das wären .svg bilder.
      </p>
      </p>

CSS

label{
  font-size: 0em;
}

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;

}