JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>

CSS

body {
    background: #ccc;
}
.box {
    width: 500px;
    height: 100px;
    background: #fff;
    margin: auto;
    position: relative;
}
.box:before{
    z-index: -1;
    position: absolute;
    content:"";
    bottom: 16px;
    left: 1%;
    width: 45%;
    top:80px;
    max-width:300px;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.37);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.37);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.box:after {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
   -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.37);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.37);
    right: 1%;
    left: auto;
      width: 45%;
    top:80px;
    max-width:300px;
      z-index: -1;
    position: absolute;
    content:"";
    bottom: 16px;
}