Hi Zach,
Thanks for the tip. You are a super hero indeed.
It looks like I still have a problem where my block to fade in full width photos also seems to fade in all other divs that have that same class. Can't seem to figure this out either.
gsap.fromTo(
".photo-block-full-width",
{ opacity: 0 },
{
opacity: 1,
duration: 1,
scrollTrigger: {
trigger: ".photo-block-full-width",
pin: false, // pin the trigger element while active
start: "top 50%", // when the top of the trigger hits the top of the viewport
end: () => "+=500", // end after scrolling 500px beyond the start
},
}
);