<section class="banner"> <h1>Hello World</h1></section>
.banner::after { ... z-index: 1;}.banner > * { z-index: 100;}
.banner::after { /* opacity: .7; */ mix-blend-mode: color; mix-blend-mode: hue; mix-blend-mode: hard-light;}
.banner::after, .banner::before { ...}
.banner::before { transform: skew(-15deg) translateX(-50%);}