JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nibh leo, semper interdum odio vel, porta ornare neque. Fusce pulvinar mi quam, id porta urna.</div>
<div id="d2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dignissim orci non ligula laoreet, non suscipit dui congue. Curabitur scelerisque tincidunt vulputate. Suspendisse ac ante.</div>

CSS

div {
    background: red;
    position: relative;
}
#d1 {
    margin: 20px 20px 0;
    width: 250px;
    height: 100px;
}
#d2 {
    margin: 0 20px;
    width: 500px;
    height: 100px;
}
div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 30px black;
    z-index: -1;
}