JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "body">
    <div id = "frame"></div>
    <div id = "content">
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        ITEM<br/>
        </div>
</div>

CSS

#body {
    width:300px;
    height:300px;
    position:relative;
}
#frame {
    position:absolute;
    top:0;
    left:10%;
    width:80%;
    height:80%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 0.9));
}
#content {
    background:#eaeaea;
    width:100%;
    height:100%;
    text-align:center;
}