The position of the skewed overlay is determined by the current length of the page. If at any point (during or after render) the length increases, then the overlay will be shifted to the left.

I couldn't find a spec for this overlay, but I assume this behavior is not intended, as it causes a few issues:

• Our page length changes during render, and you can clearly see the overlay jumping to the left each time.
• If a user loads more pages in an articles block the position changes.
• If the page is long enough the overlay gets completely shifted off the page.

Proposed solution (by pcuadrad): give it a fixed height instead of the current value of 100%.

You can see this in action during a page refresh on pages with a full width image. It's also easy to simulate in developer tools by copy pasting additional elements into the DOM while keeping the scroll position at the top of the page.

Check with Magali if needed for fixed height recommendations.