JSFiddle - React, Tailwind, and code Playground

HTML

<div class="FixedDiv">
            <img src="http://www.dotblogs.com.tw/Images/DotBlogsLogo.gif" />
        </div>

CSS

.FixedDiv {
    width: 151px;
    height: 49px;
    position: absolute;
    overflow: hidden;
    border:3px solid blue;
}
img {
    width: 151px;
    height: 49px;
    position: absolute;
    float: right;
    transition-timing-function: ease;
    transition-duration: 0.5s;
    border:3px solid red;
}
.FixedDiv:hover img {
    width: 191px;
    height: 89px;
    position: absolute;
    float: right;
    margin: -20px 0 0 -20px;
    border:3px solid black;
}