JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div class="block"></div>

CSS

* {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
}
.block {
  height: 500px;
  background: #dddddd;
  position: relative;
  margin-top: 200px;
}
.block:before {
  content: '';
  position: absolute;
  height: 200px;
  width: 150%;
  top: -100px;
  left: -25%;
  background: #dddddd;
  border-radius: 50%;
  box-shadow: inset 0 50px 50px rgba(0,0,0,.15);
}