.passageStops{
    background-color: #27AE60;
    mix-blend-mode: hard-light;
    width: 20%;
    top: 0;
}

#passage, .passageStops{ height: 2px; filter: contrast(120%);}

#passageWrapper, .passageStops {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
}

#passage{
    background: violet;
    margin: 0 0 1px 0;
    filter: contrast(120%);
}
#passageWrapper{
    background-color: white;
    height: 2px;
    top: 0px;
}
.passageStops:nth-child(1){ margin-left: 0%; }
.passageStops:nth-child(3){ margin-left: 20%; }
.passageStops:nth-child(5){ margin-left: 40%; }
.passageStops:nth-child(7){ margin-left: 60%; }
.passageStops:nth-child(9){ margin-left: 80%; }

/*
.sections{
   height: 400px;
    margin-bottom: 1px;
    text-align: center;
}
<source src="https://assets.iguanesolutions.com/videos/world.mp4" type="video/mp4">
<source src="https://assets.iguanesolutions.com/videos/ny.mp4" type="video/mp4">

<canvas class="particles-js-canvas-el" width="1412" height="750" style="width: 100%; height: 100%;"></canvas>
undefined
body > main > div:nth-child(1)
body > main > div:nth-child(1)
body > main > div:nth-child(3)
body > main > div:nth-child(5)
body > main > div:nth-child(7)
body > main > div:nth-child(7)
body > main > div:nth-child(9)
 */