JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<div class="bl">
</div>

CSS

.bl {
    width: 400px;
    height: 70px;
    overflow: hidden;
    position: relative;
}

.bl:after {
color: red;
content: '';
position: absolute;
    bottom: 0; right: 0;
width: 12em;
height: 12em;
z-index: -1;
border-radius: 50%;
margin: -8em;
box-shadow: 0 0 0 55em;
}