JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="block top"></div>
    <div class="middle"></div>
    <div class="block bottom"></div>
</div>

CSS

.container {
    width:400px;
    background:#fff;
}
.block {
    z-index:100;
    background:#fff;
    width:400px;
    height:100px;
    border-radius: 13em/1em;
    margin:0;
    padding:0;
    position:relative;
}
.middle {
    z-index:1;
    margin:0 auto;
    padding:0;
    display:block;
    background:black;
    width:50px;
    height:5px;
    box-shadow: 90px 0px 50px 65px #585858, -90px 0px 50px 65px #585858;
}