Changing lightbox media order as page scrolls?

Hey all :wave:

So I’ve got a project page for my portfolio website that I’m working on, and I have lightboxes for my project images.

The lightboxes are set to animate left and right as the pages scrolls, with thumbnail images fading out after a certain point to reveal the next image underneath, using “while page is scrolling in view” element triggers.

I would like all three images to be in one lightbox that I can manipulate, but the obvious drawback to that is that the lightbox will always open up on whichever image is set as the first.

So my question is: is there any way to alter the order of media in a lightbox as the page scrolls? I am not afraid of using custom code to do so.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)