body { height: 150%; } /* Styles for individual steps */ #step-1 { position: fixed; background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg'); background-repeat: no-repeat; background-size: cover; } #step-2 { position: fixed; background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg'); background-repeat: no-repeat; background-size: cover; }