How to have multiple background images which don't go over each other?

Question

I am making a website using HTML and CSS, on that I have been trying to have six background images to show after the other when scrolling through the website. The problem is