Можно ли сделать такую фишку без JS?

Просто и изящно. Спасибо за наводку. И без лишних слов про параллакс и скрипты ))

Вдогоночку еще вопрос: на той же странице, ниже, есть блок с еще одной барышней. Там, когда ей по лицу возишь мышью, тот же самый эффект получается. Там уже, как я понимаю, без JS не обойтись?

var blockGlobal = $(".sec-5-right-bl");
var blockInclude = $(".sec-5-img-surgeon");
var blockMouse = $(".sec-5-mouse");
function test() {
blockGlobal.mousemove(function(e) {
var offset = $(this).offset();
var relativeY = (e.pageY - offset.top);
if(relativeY > 180) {
blockInclude.css("height", relativeY);
blockMouse.css("top", (relativeY-27));
}
else {
blockInclude.css("height", 180);
blockMouse.css("top", 153);
}
});
}
$(window).resize(test);
test();

скрипт в самом низу drkuznecov.ru/wp-content/themes/eartempty/js/script.js

А можно ли как-то оптимизировать этот скрипт, написать его по-другому? Я дела/ тестовое задание и не хотелось бы брать тот же код, что в примере.

alekseyruzov: там все гораздо элегантней можно https://jsfiddle.net/wmerj7x5/ вот

Андрей: спасибо большое, попробую ваш код. А пока что вылезла такая проблема с сабжем: я сделал верстку по вашему примеру с фиксированным бэкграундом. На десктопе все прекрасно, но на iOS, оказывается, есть проблемы с отображением такого фона — он прокручивается. Есть идеи, как победить? Параллельно ищу решение в гуглах.

Андрей: Повторил ваш код на Codepen, почему-то не работает. Есть идеи? codepen.io/alekseyruzov/pen/GqGwqo

alekseyruzov: jquery подключили?

упс. нет конечно )). Спасибо!