title: change text color with mix-blend-mode when divs are overlapping
body: <p>I have a circular div which follows my cursor. When this div overlaps some text on my page, I want the color of the text to change. I know this is possible with <code>mix-blend-mode</code> like in this <a href="https://jsfiddle.net/Lg0wyt9u/10/" rel="nofollow noreferrer">Fiddle</a>, but I just can't get it to work.
  I tried <code>backdrop-filter</code> and different approaches with SVG but none of it will work.
  I've seen this effect on so many sites, but I just can't figure it out myself.</p>
  <p><a href="https://codepen.io/AgathaKing/pen/PoZExKz" rel="nofollow noreferrer">Codepen</a></p>