JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <img id="flag" src="http://img716.imageshack.us/img716/5788/signnx.png" />
    <img id="post" src="http://img547.imageshack.us/img547/2200/postdx.png" />
</div>

CSS

#flag{
    position:relative;
    top: 43px;
    left: 120px;
    
    -webkit-transform-origin: -10px 0px;
    -webkit-transform:rotate(90deg);
    -webkit-transition-duration:0.5s;
    -webkit-transition-timing:ease-in;
        
}
#post{
    position:absolute;
    top:50px;
    left:50px;
    
}
#container:hover #flag{
    top: 54px;
    left: 104px;
    -webkit-transform:rotate(0deg);
}