1 — exact hellomagazine shape (gradient + z-index + abs ::after)

2 — same, heading not positioned (tests paint order only)

3 — same as 1, heading display:inline-block

4 — rule is a real element, not a ::after

5 — flat white background instead of the gradient

6 — the gradient by itself (top 20% see-through, rest white)

7 — as 1, but the mask is RED so it is visible wherever it lands