JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li>Gattino 1<img src="http://placekitten.com/200/200" /></li>
	<li>Gattino 2<img src="http://placekitten.com/201/201" /></li>
	<li>Gattino 3<img src="http://placekitten.com/202/202" /></li>
	<li>Gattino 4<img src="http://placekitten.com/203/203" /></li>
</ul>

CSS

li img {
    display: block;
    height: 0;
    width: 200px;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
}
li:hover img {
    height: 200px;
}