title: Fade out text on image
body: <p>I know how to fade out a text on a plain colored background with a CSS transparent gradient.
  But how is it possible to fade out a text on an image background?
  Here is an example of what I'd like:</p>
  
  <p><a href="https://i.stack.imgur.com/x05tB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x05tB.png" alt="Fade out text on image"></a></p>
  
  <p>NB: I need a static effect just like the image (not a dynamic transition).</p>