title: Is it possible to make a half polygon edge banner without using a second image in CSS
body: <p>I was making a banner that has a sort of half polygon and was using a image floated left of the div to achieve it. It gets a little messy in mobile and although i can achieve it with media querys i wondered if there was a more efficient way to do it in CSS. This is the edge of the banner on the left side</p>
  <p><a href="https://i.stack.imgur.com/P4vns.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P4vns.png" alt="enter image description here" /></a></p>