JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu" >  
    <a href="#" id="home">
        <img id='menuImg' src="http://marketing.optomausa.com/images/DS216/DS216_Front_100dpi.jpg" alt="logo" width="300px" height="150px"
onmouseover="onHover();" onmouseout="offHover();" />
    </a>
</div>

JavaScript

function onHover()
{
    $("#menuImg").attr('src', 'http://marketing.optomausa.com/images/DS216/DS216_Back_100dpi.jpg');
}

function offHover()
{
    $("#menuImg").attr('src', 'http://marketing.optomausa.com/images/DS216/DS216_Front_100dpi.jpg');
}