JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background-image-div"></div>
<div class="box-shadow-div"></div>
<div class="background-image-div"></div>

CSS

.box-shadow-div{
    height:100px;
    background:orange;    
    isolation: isolate;
    -webkit-box-shadow: 0px 3px 3px 15px rgba(0,0,0,1);
-moz-box-shadow: 0px 3px 3px 15px rgba(0,0,0,1);
box-shadow: 0px 3px 3px 15px rgba(0,0,0,1);
}

.background-image-div{
    height:100px;
    background:blue;
    border:1px solid yellow;
}