I want to be able to have two scrolltriggers interacting with each other. One with sticky background with images ST1 and videos and the other ST2 just normal scrolltrigger with a bunch of text sections. ST2 should have 4, 5 different sections each sections will have a few paragraphs each will be apart from each other with the viewarea height. ST1 also have 4, 5 different section each with either images or videos. At the start you will see the 1st section of ST2 in front and 1st section of ST1 as a background. When scrolling from section1 to section 2 in ST2 the background of should be swap with section 2 of ST1. Ultimately the background is lazy-loaded so there is not flicking as the background is swapped. I will be nice this can be achieved using one scrolltrigger instance. I've created something similar with jquery waypoints but like to develop using scrolltrigger. https://tentreem.mywhc.ca/test/forest-types2.html
