JSFiddle - React, Tailwind, and code Playground

HTML

<div class="d1"></div>
<div class="d2"></div>

CSS

.d1 {
  background: #AAA;
  border-bottom-left-radius: 50% 40px;
   border-bottom-right-radius: 50% 40px;
  height: 160px;
}
.d2 {
    background: red;
  border-top-left-radius: 50% 30%;
   border-top-right-radius: 50% 30%;
  height: 160px;

}