JSFiddle - React, Tailwind, and code Playground

HTML

<img src='http://www.videsignz.com/testing/images/water-front2.png' />
<div></div>

CSS

img {position:absolute; left:0px; top:0px; z-index:5;}

div {position:absolute;
    left:0px;
    top:350px;
    background-color:#67d9ff;
    height:0px;
    display:block;
    width:350px;
    -webkit-transition:height 2s, top 2s;
    transition:height 2s, top 2s;

}

img:hover ~ div {height:250px; top:100px;}