title: Can I create this shape with CSS only?
body: <p>I'm building a hero section for a webpage that has a particular shape, at the moment I'm just using an image as an overlay for the actual section background, but I'm looking to reduce the amount of requests I make and would like to know if the following shape can be done using CSS:</p>
  
  <p><a href="https://i.stack.imgur.com/VA6Ik.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VA6Ik.png" alt="enter image description here"></a></p>
  
  <p>So the black part is where the actual image goes, while the white section is what I'm trying to build using CSS; </p>