JSFiddle - React, Tailwind, and code Playground

HTML

<div id="square">
  <div id="circle"></div>
</div>

CSS

#square {
  background: #004979;
  width: 743px;
  height: 211px;
}

#circle {
  background: #FFFFFF;
  width: 195px;
  height: 195px;
  position: relative;
  top: 5px;
  margin-left: -97px;
  border-radius: 50%;
}