JSFiddle - React, Tailwind, and code Playground

HTML

<img id="sm-image" src="https://pbs.twimg.com/profile_images/506394721812373504/IDmMstyJ.jpeg"></img>
<div style="width:100%;background-color:red;height:2px;"></div>

CSS

#sm-image {
    width: 20px;
    height: 20px;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: width 1s, height 1s, top 1s, left 1s, margin 1s;
    -moz-transition: width 1s, height 1s, top 1s, left 1s, margin 1s;
    -ms-transition: width 1s, height 1s, top 1s, left 1s, margin 1s ;
    transition: width 1s, height 1s, top 1s, left 1s, margin 1s;

}
#sm-image:hover {
    width: 36px;
    height: 36px;
    top: -10px;
    left: -10px;
    bottom: 0;
    margin-right: -10px;
    margin-bottom: 0;
}