JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner"></div>
    <div class="resize"></div>
</div>

CSS

div.outer{
    position:relative;
    overflow:auto;
    float:left;
    z-index:0;
}
div.resize{
    position:relative;
    width:250px;
    height:300px;
    resize: both;
    overflow:hidden;
    z-index:10;
    border:1px solid red;
}

div.inner{
    position:absolute;
    width:100%;
    height:100%;
    top:0;left:0;
    box-shadow: inset 0 0 100px #000;
    overflow: hidden;
    z-index: 9;
}