const tl = gsap.timeline({ scrollTrigger: { trigger: ".section_reforestation", start: "top center", end: "bottom top", scrub: "true" } }); tl.to(".header5_background-image", { scale: 1.3 }); const tl2 = gsap.timeline({ scrollTrigger: { trigger: ".section_product6", start: "top top", end: "bottom top", scrub: "true" } }); tl2.to(".navbar3_component", { backgroundColor: "#464833 " }); $(".projects_link").each(function (index) { gsap .timeline({ scrollTrigger: { trigger: $(this), scrub: 1 }, defaults: { ease: "none" } }) .fromTo( $(this).find(".projects_img"), { backgroundPosition: "50% 100%" }, { backgroundPosition: "50% 0%" } ); });