JSFiddle - React, Tailwind, and code Playground

HTML

<label for="edd-gateway-manual" class="edd-gateway-option edd-gateway-option-selected" id="edd-gateway-option-manual"><input type="radio" name="payment-mode" class="edd-gateway" id="edd-gateway-manual" value="manual">Test-Zahlung</label>
        
        <label for="edd-gateway-paypal" class="edd-gateway-option" id="edd-gateway-option-paypal"><input type="radio" name="payment-mode" class="edd-gateway" id="edd-gateway-paypal" value="paypal">PayPal</label>

CSS

input.edd-gateway {
display: none !important;
}

label.edd-gateway-option {
cursor: pointer !important;
opacity: 0.1;
}

label.edd-gateway-option:hover {
opacity: 1; !important;
}

label#edd-gateway-option-manual.edd-gateway-option {
color: transparent !important;
display: inline-block;
width: 150px;
height: 100px;
background-image: url("http://i.imgur.com/lXzJ1eB.png");
background-position: center center;
background-size: cover;
background-repeat:no-repeat; 
margin: 0 10px 20px 0 !important;
}

label#edd-gateway-option-paypal.edd-gateway-option {
color: transparent !important;
display: inline-block;
width: 150px;
height: 100px;
background-image: url("http://i.imgur.com/lXzJ1eB.png");
background-position: center center;
background-size: cover;
background-repeat:no-repeat;
margin: 0 10px 20px 0 !important;
}