title: Apply soft edges to image using CSS
body: <p>Given an image, is there a way to soften the edges using css? Or through some js library (although css would be preferred)? The idea is that the edges of the image should blur into transparency, so they fit in better with the background. </p>
  
  <p>Example, original image:</p>
  
  <p><img src="https://i.stack.imgur.com/RxJfG.jpg" alt="Original image"></p>
  
  <p>Image with softened edges:
  <img src="https://i.stack.imgur.com/loFO3.png" alt="Image with soft edges"></p>
  
  <p>There are many similar questions asked on stackoverflow, however none (that I can find) offer an answer to do exactly this. Mostly they're concerned with blurring the whole image, or setting a semi-transparent border on the image, neither being what I'm looking for.</p>