Есть сайт фотографа с портфолио www.qpoto.ru
Сайт без движка, на Bootstrap
Задача: изменить параметры отображения миниатюр и слайдера по примеру референсного сайта www.deanbradshaw.com

Интересует максимально приблизиться к функционалу слайдера на референсной странице, то есть на каждой новой строке фотографии должны иметь возможность быть разной ширины то есть не зависеть от предыдущей строки
При наведении на миниатюру происходит затемнение на 20% (текста на фотографии при наведении не должно быть)
При клике на фотографию она выводится на передний план весь сайт затемняется на 80% непрозрачности
Верстка должна быть адаптивной, при уменьшении браузера не должно быть белых полей (фотографии должны заполнять все пространство по ширине окна)
В декстопной версии слайдер должен так же прокручиваться при помощи стрелок на клавиатуре, c эффектом плавного перехода
В мобильной версии фотографии должны прокручиваться при помощи смахивания пальцем вправо и влево