JSFiddle - React, Tailwind, and code Playground

HTML

<div class="shadow">
    <div class="overlay"></div>
    <div class="float">
    </div>
    <div class="block"></div>
</div>

CSS

.shadow {
  width: 300px;
  height: 200px;
  background: pink;
  position: relative;
}

.overlay{
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    box-shadow: inset 4px 2px 4px 5px rgba(0,0,0,0.3);
}
    
.float {
    background: yellow;
    width: 100px;
    height: 100px;
}

.block {
  height: 20px;
  background: red;    
}