JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>

<title>Site Maintenance</title>

<body>

<div>
<a href="test"  id="button1">
<img src="https://www.google.co.in/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
</a>
</div> 

</body>

CSS

body { text-align: center; padding: 150px; background: #666a73; }
body { font: 20px Helvetica, sans-serif; color: #666a73; }
article { display: block; text-align: left; width: 650px; margin: 0 auto; }

#button1 img{
height: 50px;
width: 250px;
}
#button1:hover img{
width: 300px;
height: 74px;
}