Elementor Overlays without Negative Margins

Описание: A simple CSS hack to create overlays without the use of the dreaded negative margins.
It must be noted that these tutorials are experimental and are created to hopefully inspire viewers to learn more CSS. You may run into some issues with using fixed height sections particularly with content that is designed to rescale such as text falling out of the container. But i hope you learn something and are inspired to learn more.

CSS Code to be added to the parent section container:

selector {
height: 400px;
}