.overlapping-container {
    position: relative;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.overlapping-container>.row {
    position: relative;
    height: 0;
    margin-left: 0;
    margin-right: 0
}

.overlapping-container>.row>.component {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: 2
}

body.on-page-editor .overlapping-container>.row {
    height: auto
}

body.on-page-editor .overlapping-container>.row>.component {
    position: relative;
    transform: none
}

@media (max-width:991px) {
    .overlapping-container:not(.mobile-overlap)>.row {
        height: auto
    }
    .overlapping-container:not(.mobile-overlap)>.row>.component {
        position: static;
        transform: none;
        max-width: none
    }
    .overlapping-container:not(.mobile-overlap)>.row>.component.container {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
    .overlapping-container:not(.mobile-overlap)>.row .component {
        border-radius: 0
    }
}

.overlap-spacer {
    width: 100%
}