JSFiddle - React, Tailwind, and code Playground

by Anton Spirin

HTML

<div class="wrapper">
  <div class="curve"></div>
</div>

CSS

.wrapper {
  position: relative;
  width: 600px;
  height: 400px;
  background-color: white;
}

.curve {
  position: absolute;
  top: 100px;
  left: 100px;
  width:400px;
  height:120px;  
  border: 1px dashed;
  border-color:green transparent transparent transparent;
  border-radius: 50%/120px 120px 0 0;
  transform: rotate(-25deg)
}