I'm new to GSAP and JS in general, I'm having some problems figuring out why I have two different speeds while scrolling up and down.

There's also a problem once it scrolls all the way up that automatically reverse the animation, this is not wanted.

https://codepen.io/Mahanon/pen/rNdedwa

gsap.registerPlugin(ScrollTrigger);
gsap.to('#bottom', {
    "top": "0",
    duration: 1.3,
    ease: Quart.easeOut,
    scrollTrigger: {
        trigger: '#bottom',
        start: 'top bottom',
        end: 'top top',
        toggleActions: 'restart reverse restart reverse'
    },
});