JSFiddle - React, Tailwind, and code Playground

HTML

<div id="img">
<img src="#" alt="">
</div>

CSS

#img{
width:100px;
height:100px;
transition:0.6s ease;
}
img{
width:100%;
height:100%;
}
#img:hover{
width:150px;
height:150px;
}
.test2 {
  background-color: blue;
  top: 100px;
}

.test2:hover {
  height:150px;
  width: 150px;
}

.test3 {
  top:200px;
}