title: Generating ragged edges in CSS
body: <p>I'm currently using images and I'd like to know if theres any css library/way of generating these ragged edges</p>
  
  <p>larger sized image: (using png's for the top and bottom parts of the content)
  [<a href="https://i.imgur.com/LgyNSOJ.png][1]" rel="noreferrer">http://i.imgur.com/LgyNSOJ.png][1]</a>
  <img src="https://i.stack.imgur.com/vTe8Y.png" alt="enter image description here"></p>
  
  <p>thanks !</p>
  
  <p>edit: I noticed there's voting on closing this question but I'd like to keep it open for the rest of the day in case more solns are provided.</p>