Text change color depending on background

hi all.

im trying to create a heading that changes colour depending on the background. ive got half of my heading in a div with a bg black other half white and i need to get to change colour depending on the bg. there was something clonable i saw recently but i now cant find it. anyone have any ideas how to achieve this effect??? here is my site and i need to get slide heading to change colour.

any help would be great

https://preview.webflow.com/preview/record-junkee-2-8-19?utm_medium=preview_link&utm_source=designer&utm_content=record-junkee-2-8-19&preview=6e09c291935a7d3e3c5ebd805e91265f&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

There is a JS library that does this, I can’t find it now. I know big HELP!!

You can do it with CSS. Look at this pen for example.