JSFiddle - React, Tailwind, and code Playground

HTML

<div id=Parent-box>
<div id=Child-box></div>
</div>

CSS

#Parent-box{
width: 750px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
border: 1px solid #000;
position: relative;
}

#Child-box{
z-index: 1;
width: 700px;
height: 350px;
margin-left: 25px;
margin-top: 25px;
margin-bottom: 25px;
position: relative;
background: #339;
border: 1px solid #000;
transition: all 200ms linear;
}

#Child-box:hover{
padding: 125px 0px;
transition: all 200ms linear;
}