JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div></div>
    <ul>
        <li></li>
        <li></li>
    </ul>
</section>

CSS

body *{position:relative}

section{width:240px; height:320px; border:1px solid green}
div{width:240px; height:200px; background-color:rgba(255,0,0,0.3);margin-bottom:-100px;z-index:-1 }

ul{z-index:1}

li{float:left; width:105px; height:200px; background-color:rgba(0,0,255,1); margin-left:10px; }

JavaScript

$('li').hover(function(){$(this).animate({marginTop:10})},function(){$(this).animate({marginTop:0})});