help creating scroll to loop

Hello i’m creating a simple web app where the page gradually scrolls to the bottom and then scrolls all the way back up to the top and repeats. The code works perfectly for the first 3 scroll commands and it will loop perfectly

However! when I try to add a 4th slide (greyed out code) the scroll commands gets confused and starts acting erratic whenever i try to add a 4th slide, but will work perfectly when I only have 3 slides, any suggestions?

export function image35_viewportEnter(event) {
setTimeout( function () {
$w( “#videoPlayer1” ).stop();
wixWindow.scrollTo( 100 , 1100 );
}, 8000 );
}

export function videoPlayer1_viewportEnter(event) {
$w( “#videoPlayer1” ).play();
}

export function videoPlayer1_play(event) {
setTimeout( function () {
wixWindow.scrollTo( 1100 , 2130 );
}, 20000 );
}

export function videoPlayer1_viewportLeave(event) {
$w( “#videoPlayer1” ).stop();
}

export function image32_viewportEnter(event) {
setTimeout( function () {
wixWindow.scrollTo( 2130 , 100 );
//wixWindow.scrollTo(2130,100);
}, 12000 );
}

//export function text29_viewportEnter(event) {
// setTimeout(function() {
// wixWindow.scrollTo(3500,100);
// }, 10000);
//}

I would guess that there’s a conflict between some of the scrollTo’s. For example that sometimes the 4th function starts running before the timeout of the 3rd function.