title: how to make a 'wave' effect on a background with css
body: <p>I'm trying to make a wavy effect on the border of where one section meets another on a page (see pic below). What's the best approach to take here? The waves should be roughly equal in size.</p>
  <p><a href="https://i.stack.imgur.com/dpjnF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dpjnF.png" alt="html section wave effect" /></a></p>
  <p>EDIT: to the person who flagged this as 'already answered', the effect in your linked question looks nothing like this one. That effect cannot be used to make the low wide sloping waves in my image.</p>