<section class="one">
  <div class="one__content content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores fugit expedita, temporibus sapiente sunt, amet praesentium aut necessitatibus incidunt repellendus ducimus harum cumque reiciendis explicabo modi nisi similique debitis provident!</div>
  <svg class="one__bottom-wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 805 152">
    <path d="M0,94c27,9.84,163,57,279,57C472,151,543,71.33,805,0V154H0Z"/>
  </svg>
</section>
<section class="two">
  <div class="two__content content">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus repellendus labore ducimus est, tempore placeat ea veniam atque? Atque odio sit corporis aliquid qui omnis, autem molestiae sapiente expedita quisquam reiciendis maxime temporibus pariatur deserunt unde perferendis dolor ex. Provident dolorem suscipit inventore saepe cupiditate deleniti nobis fugit, cum animi?
  </div>
</section>

body {
  margin: 0;
}

.one {
  background-color: #20c17a;
}

.one__bottom-wave {
  display: block;
  fill: #10adf4;
}

.two {
  background-color: #10adf4;
}

.content {
  padding: 15px;
  color: #fff;
}