JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
  background: black;
}

.test {
  width: 400px;
  height: 400px;
  background: purple;
  mask: radial-gradient(50px, #0000 98%, #000);
}