As @Sean pointed out the .background
would need to be a parent of h1
in order for mix-blend-mode effect to apply to it. To demonstrate, just add background-color: #0044bb
to h1's immediate parent .hero .foreground .container
and you'll see the letters inside .container
will be black.