Владимир Соломыкин

Вобщем разобрались. Немного "костыли" и реализация не такая, как задумывалось, но всё же работает:

<div class="gallery__item"> 
    <div class="gallery__img-wrapper js-background"><-- удаляем в исходнике эту обёртку, генерируем ее с помощью скрипта-->
	<img src="img/gallery/gallery-7.jpg" alt="------------незаполенное описание------------" class="d-none js-image gallery__img">
    </div>
  </div>

$(".js-image").each(function(){
  var obj = $(this).attr("src");
  $(this).wrap("<div class='gallery__img-wrapper js-background' style='background:url(" + obj + ");'></div>")
})

Я - грубо говоря начинающий фрил (4 года занимаюсь). И пока наращиваю базу знаний - занимаюсь фронтендом одностраничников. Т.е. от прототипирования до вёрстки (включая дизайн). По опыту уже знаю, что на дизайн лендинга в 6-10 экранов уйдет до трёх дней не считая правок от заказчика. Время на вёрстку могу озвучить заказчику только приблизительно и уже ПОСЛЕ утверждения ТЗ и готового прототипа.
Если более приблизиться к вопросу ТС, то на мой взгляд трудно фигачить в заявленные сроки - что в большие, что в меньшие сроки.
Недавний случай: звонит заказчик, просит озвучить сроки и стоимость для лендоса с максимум шестью блоками. Просит и дизайн, и вёрстку. Озвучиваю сумму максимум NN NNN рублей и сроки в 3 на дизайн и 3-5 на вёрстку (напомню: ни ТЗ, ни прототипа еще нет). Ок, говорит, работаем. В процессе объем контента вырос с максимум 6 до 13 блоков. Когда настало время рассчитываться, заказчик чуть ли не нахм меня послал, что я его наипал и итоговая сумма справедливо в два раза выше.
Пардон за многабукф.

Верстать, как обычно, подогнать под все нужные разрешения и показывать-прятать на тех "ширинах", на которых требуется.

Плагин pagePiling.js, я правильно понял?
Либо, если позаморачиваться - waypoints