JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div>
<a id="button" href="http://mysite.com"></a>
            </div>
        </body>
    </html>

CSS

div {
    width: 810px;
    height: 810px;
    background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
}

#button{
  display: block;
    width: 204px;
    height: 116px;
    background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
    position: absolute;
    top: 70%;
    left:5%;
}
#button:hover {
    background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
    }