Headline With Background Image widget

Hi!
I encountered a problem when working with this widget.

When embedding the code on the site (site on MotoCMS) the position of the header is somewhere at the bottom of the site and it scrolls with the site.

I solve the problem by defining its relative position and minimum z-index (so that it doesn’t scroll over the menu).

but then the header moves a bit in the frame and there is an unpleasant indentation, which I can not solve myself.

Somewhere in the settings of the widget I also have not found an opportunity to solve this problem and that the header was exactly the header in a certain place on the site.

What do you advise?

@TonyFly thanks for reporting, can you share a link to the live page where you see this issue? BTW, you probably handled it correctly by adding the z-index solution.

This is the page with your code only

This is a page with just your code and the z-index spelled out.

The first page returns 404. Either way, adding the z-index rule is the way to go, since we don’t have control over the entire page content and styling.