Как правильно сделать анимацию scrollMagic и gsap на React?

Хочу сделать анимацию сжатия шапки при скролле, то есть сначала при скролле шапка сжимается до 292px к примеру, а дальше проскролливается и идет следующая секция, но не понимаю, почему возникает белое пространство между шапкой и секцией и как это исправить

Пример кода тут