JSFiddle - React, Tailwind, and code Playground

HTML

<a  class="myclass" href="URL HERE" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;" target="_blank">
<img name="image1" src="http://my_button_image"></a>

CSS

body {
  background-color: #fff000;
}


.myclass {
    position: absolute;
    right: 10px;
    top: 20px;
    border: 0px;
 }

img {
  width: 160px;
  height:160px;  
}

JavaScript

loadImage1 = new Image();
loadImage1.src="http://i.imgur.com/JrrRHqr.jpg";
staticImage1 = new Image();
staticImage1.src="http://i.imgur.com/Mu27x47.jpg";