Я использую магию прокрутки и TimelineMax, и она ведет себя странно

Question

Я пытаюсь скрыть один элемент, как только он попадает в представление, но максимальная временная шкала ведет себя странно, а элемент прыгает

Я только начал использовать GSAP и Timeline max, было бы очень хорошо, если бы кто-нибудьможете помочь мне с этим

вот ссылка на кодовый блок: https://codepen.io/twinklek55/pen/MMvroB

var portfolioAnimation = new TimelineMax()
    .to('#portfolioText', 5, {
        x: -50,
        opacity: 1,
    }, "10")

const scene2 = new ScrollMagic.Scene({
    triggerElement: '#portfolioText',
    triggerHook: 'onEnter',
})
.setPin('.portfolio_contents')
.setTween(portfolioAnimation)
.addIndicators()
.addTo(controller)