.n-scrollytelling__overlay-text-slide {
    margin-bottom: 100vh; // Space out text so they are a screen height apart - new text arrives as previous is scrolling out of view
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

// Fake overlay text element used when image has no text associated with it
.n-scrollytelling__overlay-text-slide--mock {
    height: 100px;
}

.n-scrollytelling__overlay-text-slide--delay-before[data-first-text-slide] {
    padding-top: 60vh;
}

.n-scrollytelling__overlay-text-slide--delay-after[data-last-text-slide] {
    padding-bottom: 60vh;
}

.n-scrollytelling__overlay-text-slide-box--transparent {
    pointer-events: none;
}

@include oGridRespondTo($from: M) {
    .n-scrollytelling__overlay-text-slide-box--transparent {
        pointer-events: auto;
    }
}