JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slider">
  <div class="slide">
  <p>Test content here...</p>
  </div>
</div>

CSS

body {
  background: #21639e;
  margin: 0;
  padding: 0;
}
.slider {
  background: #21639e;
}
.slider .slide {
  background: url("http://eskipaper.com/images/grass-background-28.jpg") no-repeat #21639e;
  border-radius: 100%/0 0 30px 30px;
  min-height: 480px;
  border-bottom: 3px solid #fff;
}