JSFiddle - React, Tailwind, and code Playground

HTML

<span class="some-text">Hello, dude</span>
<section> <img src="https://images.pexels.com/photos/2246476/pexels-photo-2246476.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260"></section>
<section> <img src="https://images.pexels.com/photos/325185/pexels-photo-325185.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260"></section>

CSS

span.some-text {
    position: fixed;
    color: white;
    font-weight: 500;
    font-family: sans-serif;
    font-size: 19px;
    mix-blend-mode: difference;
}