JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bullet"></div>
<input type="radio" class="tryout" name="example" onmouseover="checkButton()">

CSS

.bullet{
    height:20px;
    width:20px;
    
    background-image:url('http://www.justkitchens.co/skin/frontend/default/rsi2/images/justkitchens/unchecked-arrow.png');}
.bullet:hover{
    background-image:url('http://www.justkitchens.co/skin/frontend/default/rsi2/images/justkitchens/checked-arrow.png');}

JavaScript

$('.imageCheck')
    .mouseover(function() { 
        $(this).attr("src", "/changedimage.jpg");
    })
    .mouseout(function() {
        $(this).attr("src", "/originalimage.jpg");
});