Cómo CSS después de elementos para superposiciones de fondo
<section class="banner"> <h1>Hello World</h1></section>
Repulsive Raven
<section class="banner"> <h1>Hello World</h1></section>.banner::after { /* opacity: .7; */ mix-blend-mode: color; mix-blend-mode: hue; mix-blend-mode: hard-light;}.banner::before { transform: skew(-15deg) translateX(-50%);}.banner::after { ... z-index: 1;}.banner > * { z-index: 100;}.banner::after, .banner::before { ...}