title: Change text color to specific color depending on background color
body: <p>I want to have my white text change into a grey that i have selected (#21262A) once it goes over a green SVG that i have, i achieved a similar effect with <code>mix-blend-mode: difference;</code> but was unable to get the text color to be a specific color, it would only be the inverse of the background green color on the SVG.</p>
  <p>how would I achieve this effect?</p>
  <p><strong>Before</strong></p>
  <p><a href="https://i.stack.imgur.com/1bHlb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1bHlb.png" alt="enter image description here" /></a></p>
  <p><strong>mix-blend-mode: difference</strong></p>
  <p><a href="https://i.stack.imgur.com/pO3mo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pO3mo.png" alt="enter image description here" /></a></p>
  <p>i want the text to be the same color as the background above it</p>