overlay to make elements white code example

Example 1: how to css after elements for background overlays

.banner::after {    /* opacity: .7; */    mix-blend-mode: color;    mix-blend-mode: hue;    mix-blend-mode: hard-light;}

Example 2: how to css after elements for background overlays

.banner::before {    transform: skew(-15deg)                translateX(-50%);}