I want to add a color overlay to my hero background image but when I do so the section underneath which has negative margin to overlap the bottom of the hero section also gets covered. As soon as I select the ‘overlay’ option it covers it actually. I have tried putting Order 1 (even -1) and 100 respectively on the sections but that doesn’t help.
Thanks!
Another option is to apply the overlay as a background gradient directly on the image container, so it becomes part of the background rather than a separate overlay element. That usually keeps the next section safe from being covered.
Thanks. I actually found the solution - found the z-index and that worked. Couldn’t find it initially hence using order as I thought that was the Bricks version. But all good now 