JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="up"><div class="box"><a href="#">Link</a></div></div>    
    <div class="down"></div>
</div>

CSS

.wrap{
    width: 300px;
    position: relative;
    overflow: hidden;
    border: 1px solid #000;

}
.up{
    height: 100px;    
}

.box{
    position: absolute;
    top: 20px;
    background: yellow;
    width: 100px;
    height: 100px;
    z-index: -1;  
}

.down{
    background: green;
    overflow: hidden;
    z-index: 200;
    height: 400px;
}

JavaScript

<