Пробую делать parallax эффект на html и css.
Если сделать у картинок
background-size: cover;
То всё норм, кроме того, что если уменьшить ширину окна то картинка обрезается.
Если выставляю картинкам
background-size: 100%;
background-repeat: no-repeat;
То видно всю картинку в независимости от ширины, но внизу под каждой картинкой есть пустое белое пространство.
Хотелось бы, чтобы вместо этого пустого белого пространства "подступала" следующая картинка.
Вот код:
https://codepen.io/Drovosek/pen/WaOvYX 
Средний
