JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logo">
    <a href="#">
        <img src="http://lorempixel.com/268/200/" />
    </a>
</div>

CSS

div#logo{
    margin: 50px;
}

div#logo a img {
	width:268px; 
	z-index:100; 
	text-decoration:none;
    border:0; 
 	transform-origin:center center;    
-webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
     -o-transform: scale(0.9);
        transform: scale(0.9);
    
-webkit-transition: all .5s linear;
   -moz-transition: all .5s linear;
     -o-transition: all .5s linear;
        transition: all .5s linear;
	}

div#logo a img:hover {
-webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
     -o-transform: scale(1.0);
        transform: scale(1.0);
	}