JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="bg-border-radius"></div>
</div>

CSS

//CSS
body {  margin:0; }

.bg-border-radius {
  margin: 0px;
  width: 150%;
  overflow: hidden;
  background-color: #0080C1;
    
  height: auto;
  border-radius: 50%;
  padding-top: 150%;
  margin-top: -120%;
  margin-left: -25%;
}

.wrapper
{
    width: 100%;
    overflow: hidden;
}