JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<div class="container"></div>

SCSS

.container {
  background-color: #111;
  height: 400px;
  position: relative;
  overflow: hidden;
  &:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: -50%;
    transform: skew(30deg);
    background-image:
    radial-gradient(closest-corner at 40% 70%,#FFFFFF 0%, rgb(171,171,171),50%,transparent),
    radial-gradient(closest-corner circle at 80% 20%, #FFFFFF 0%, rgb(171,171,171),20%,transparent),
    radial-gradient(closest-corner circle at 10% 10%, #FFFFFF 0%,rgb(171,171,171) 25%);
  }
}