JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>

CSS

.test {
  width: 300px;
  height: 150px;
}.test {
  background-image: radial-gradient(farthest-corner at top center,
      red 0%, black 80%, black 100%);
}