use background overlay with image in css from after 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::after, .banner::before { ...}