Just a plain section. No css or z-index set.
This section has a background overlay image only, z-index:1, and -100px top and bottom margin.
Mask created using clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
Just a plain section. No css or z-index set.
This experiment has a background overlay image only, z-index:1, and -100px top and bottom margin. One line of css:
selector .elementor-background-overlay {transform: skewY(-5deg);}
Problem is that the image is also skewed.
Just a plain section. No css or z-index set.
Clippath using the awesome Oooh-boi Steroids for Elementor plugin