트리거 기준선을 가운데로 잡고, 요소의 높이를 고려해서 어느 부분이 통과할 때 에니메이션을 발생시킬 것인지 정하는 방법

let tl = gsap.timeline({
    scrollTrigger: {
        trigger: '.animated-element', 
        start: '-100% center', 
        end: '200% center',
    //    scrub: true, 
    //    (toggleActions = onEnter onLeave onEnterBack onLeaveBack)
        toggleActions: 'play reverse play reverse',
        markers: true,
    }
})

tl.to('.animated-element', {
    x: innerWidth/2 - 150
})