JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">

</div>

CSS

body{
  background: #f4f4f4;
}
.test{
  width: 300px;
  height: 100px;
  background: white;
  background: radial-gradient(circle, #f4f4f4 0.1em, rgba(255, 255, 255, 0) 0.20em) 0 0, radial-gradient(circle, #f4f4f4 0.6em, rgba(255, 255, 255, 0) 0.20em) 0em 0em;
  background-size:19em 1.5em;
   background-position:-9.6em 5em;
  background-color: white;
  background-repeat: repeat;
}