Отображение и скрытие изображений по скроллу

[Shur.ok]

Есть задача сделать такую анимашку:
https://vimeo.com/198287965
Головой понимаю что нужно навесить на скролл увеличение/сужение второго изображения, но ни затянуть его поверх первого, ни равномерно открыть его не получается. Причем блок еще должен быть закреплен во время анимации.

<div class="header-img-holder">
				
			<div class="first-img">
				<img src="img/1.png" alt="">
				<div class="first-screen-text">First text</div>
				
			</div>

			<div class="second-img">
				<img src="img/2.png" alt="">
				<div class="second-screen-text">Second text</div>
			</div>

		</div>

Помогите плиз.

[Dilettante_Pro]

Shur.ok,
Просто у этих блоков при скролле меняются классы, в которых описаны position и т.д.