Как убрать белое пространство под фоном у контейнера?

Question

[Drovosek01]

Пробую делать parallax эффект на html и css.
Если сделать у картинок
background-size: cover;
То всё норм, кроме того, что если уменьшить ширину окна то картинка обрезается.
Если выставляю картинкам

background-size: 100%;
background-repeat: no-repeat;

То видно всю картинку в независимости от ширины, но внизу под каждой картинкой есть пустое белое пространство.
Хотелось бы, чтобы вместо этого пустого белого пространства "подступала" следующая картинка.

Вот код:
https://codepen.io/Drovosek/pen/WaOvYX

Answer 1

[Lam Besis]

На счет белой полоски: она появляется из-за того что .slide растягивается и на всю ширину, и на всю высоту экрана, а фон при этом позиционируется по широте (background-size: 100%;). Картинке просто высоты не хватает чтобы заполнить оставшееся место. Вы правильно использовали background-size: cover. Одна из сторон в любом случае будет обрезаться если вам принципиально нужен параллакс на все окно, но вы можете управлять этим.

В этом примере картинки занимает все доступное пространство, но их пропорции зависимы от высоты экрана.