Mesclando texto com imagens com CSS

 No HTML:

<div class="container">

<img src="./src/london.jpg" />

<h1>London</h1>

</div>

No CSS:

.container img { 

position: absolute;

} 

.container h1 {

 mix-blend-mode: overlay;

}