/* Container track setting the scroll height */
.horizontal-scroll-container {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
height: 100vh;
}

/* Base style for overlapping horizontal slides */
.scroll-slide {
flex: 0 0 100vw;
width: 100vw;
height: 100vh;
position: -webkit-sticky;
position: sticky;
left: 0;
scroll-snap-align: start;
}

/* Layering stack order to force the overlap */
.slide-one { z-index: 1; }
.slide-two { z-index: 2; }
.slide-three { z-index: 3; }