Андрей Б.

https://jsfiddle.net/s6opkvjk/

Доп. классом убираешь у контейнера position relative, чтобы можно было от границ окна плясать.
Пихаешь картинки в псевдоэлементы (либо колонка bs) и абсолютом раскидываешь по краям с 50% шириной, текстовая колонка соответственно тоже 50%, а для правых сдвиг push.
Но лучше сделать просто на своих классах без колонок BS.

click + css transform scale

на скорую руку https://jsfiddle.net/905hzre4/

https://jsfiddle.net/2Lt99dmd/

Есть недостатки в виде overflow
codepen.io/anon/pen/PmoMdx?editors=1100
Если не понятно, спрашивайте, объясню подробней

https://jsfiddle.net/qwjhsrkr/

transition с display не работает
используйте для скрытия:

visibility: hidden;
opacity: 0;

для показа

visibility: visible;
opacity: 1;

gulp-file-include, gulp-include ...

Секция с двумя колонками в контейнере и двойным фоном?

Ошибка в определении класса - $container-selector => .container-selector
$ - означает что вы определяете переменную

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

Это не так уж и сложно, секретного тут ничего нет.
Можно хоть ручками F12 или например использовать Wget

https://www.npmjs.com/package/gulp-newer
в примере как раз случай с картинками