JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contenedor">
<div id="Logo">
    <a href="http://www.miweb.org"><img src="images/logo.png" height="131" width="131" alt="Logo" /></a>
</div>
</div>

CSS

#contenedor {
position: relative;
}
#Logo {
position: absolute;
top: 0;
left: 0;
width: 131px;
height: 131px;
z-index: 3;
transform-origin: 50% 50%;
transition-property: transform;
transition-duration: 4s;
transition-timing-function: ease-in-out;
-o-transform-origin: 50% 50%; /* Opera */
-o-transition-property: -o-transform;
-o-transition-duration: 4s;
-o-transition-timing-function: ease-in-out;
-moz-transform-origin: 50% 50%; /* Firefox */
-moz-transition-property: -moz-transform;
-moz-transition-duration: 4s;
-moz-transition-timing-function: ease-in-out;
-webkit-transform-origin: 50% 50%; /* Chrome y Safari */
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 4s;
-webkit-transition-timing-function: ease-in-out;
-ms-transform-origin: 50% 50%; /* IE */
-ms-transition-property: -ms-transform;
-ms-transition-duration: 4s;
-ms-transition-timing-function: ease-in-out;
}
#Logo:hover {
transform: rotate(90deg) scale(1.2);
-o-transform: rotate(90deg) scale(1.2);
-webkit-transform: rotate(90deg) scale(1.2);
-moz-transform: rotate(90deg) scale(1.2);
-ms-transform: rotate(90deg) scale(1.2);
}