<!DOCTYPE html>
<title>Example</title>
<style>
div {
background-image: url(/pix/samples/22l.jpg);
background-size: cover;
background-repeat: no-repeat;
font-family: georgia, serif;
font-size: 7vw;
text-align: center;
border: solid;
}
.blender {
mix-blend-mode: difference;
color: orange;
</style>
<div>
<h2 class="blender">"Meow" means "woof" in cat.</h2>
</div>
