Тут все наглядно: https://jsfiddle.net/dytcmcmL/1/
Первый вариант - ваш, второй вариант shadobut.
В зависимости от выбранного варианта меняется поведение страницы при наведении на картинку? transform: scale(1.5) увеличивает только картинку, не влияя на прочие элементы.
Сделан на фреймворке Yii2, на нем и делайте :) или на другом, не важно...
если вы про верстку, которая листается целыми экранами, то стоило заглянуть в код:
Просто картинку, которая задана как background-image, сделать прозрачной не получится.
Можно вынести в другой блок, например, https://jsfiddle.net/webirus/fqL09qbm/
Opacity: .5 сделает прозрачность не картинке, а всему блоку.
