JSFiddle - React, Tailwind, and code Playground

HTML

<div id="insetShadowed">
    <div id="childOfThat">
        
    </div>
</div>

CSS

#insetShadowed {
    -moz-box-shadow: inset 0 0 10px black;
    -webkit-box-shadow: inset 0 0 10px black;
    border: 1px solid red;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 200px;
}
#childOfThat {
    background-color: rgb(255, 255, 0);
    height: 100px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 100px;
}