@a It's a layering thing. If you add position: relative on your h1 or its container, it will allow it to be layered and since it's later in the DOM, it will be above the image. Alternatively, add to your masked image position: relative; z-index: -1; for the same result. Basically, using a mask automatically promotes the masked element to a layer, so it is above any unlayered content.
This is a (v.gross) simplification, and I don't want to spec-dive, but that's the gist of it. Hope it helps!
=> More informations about this toot | View the thread | More toots from chriskirknielsen@front-end.social
text/geminiThis content has been proxied by September (ba2dc).