add banner over image using before or after code example
Example 1: how to css after elements for background overlays
.banner::after { ... z-index: 1;}.banner > * { z-index: 100;}
Example 2: how to css after elements for background overlays
.banner::before { transform: skew(-15deg) translateX(-50%);}