title: How can I add a blurred gradient behind an image?
body: <p>What would the html and css look like to create a blurred gradient underneath an image?
  I understand how to create the gradient, but am not sure how to get it underneath images.</p>
  <p>Something like this:</p>
  <p><a href="https://i.stack.imgur.com/AU7R2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AU7R2.png" alt="" /></a></p>
  <p>The gradient can be found here:</p>
  <pre><code>background: linear-gradient(90deg, rgba(98,52,255,1) #6234FF%, rgba(255,0,128,1) 100%);
  </code></pre>