gsap.registerPlugin(ScrollTrigger);

const sections = document.querySelectorAll('.pinned');
let mm = gsap.matchMedia();

mm.add("(min-width: 800px)", () => {
    sections.forEach((section) => {
        ScrollTrigger.create({
            trigger: section,
            start: 'bottom bottom-=80px',
            pin: true,
            pinSpacing: false,
            scrub: true,
            markers: false,
        });
    });
});