ScrollMagic级联Pin问题-取消固定后元素水平偏斜

Question

https://cosmaschema.com/dev/momentus/el-camino-real/

我正在使用此页面上的ScrollMagic级联引脚，并且固定/取消固定效果很好，但是由于某些原因，当元素在页面末尾变为未固定状态时，整个固定的div都会向左侧倾斜屏幕的我一辈子都想不出原因，但这似乎是CSS问题。有什么想法吗？

JS：

$(document).ready(function(){

    var pageEndPos = $('.section-mission-headline').offset().top + $('.section-mission-headline').outerHeight() - window.innerHeight; 
    console.log(pageEndPos);
    // init controller
    var controller = new ScrollMagic.Controller();
    // build scenes
    new ScrollMagic.Scene({
        triggerElement: "#trigger", 
        duration: pageEndPos,
        triggerHook: 0
        })
        .setPin(".full")
        .on("enter leave")
        .addTo(controller);
});