Как привязать картинку к секции parallax?

Question

[OldSchoolWeb]

Есть секция, в ней находится див которому через css задана картинка, никак не могу привязать её к самой секции.
Подробней: Я зашел на сайт, кручу колесиком мышки до секции, дохожу до неё, начинается снизу появляться картинка когда скроллю, но сайт не скроллится дальше пока не доходит до верхушки именно этой секции и не скроется сверху.
На деле получаю то, что картика в секции гуляет по всему сайту, скрины приложу, уже всё перепробовал, никак не вдюпляю

<section class="parallax_banner">
	<div class="images"></div>
</section>

.parallax_banner
		position: relative
		margin-top: 372px
		height: 375px
		max-height: 375px
		background-color: $section-2
	.images
		height: 100%
		top: 300px
		background-image: url(img/parallax.png)
		background-size: cover

$(window).scroll(function(){
			var scrollTop = $(this).scrollTop();
			// Переменные
			$(".images").css({
				"transform" : "translate(0%, -" + scrollTop + "px"
			});
		});

картинка которая должна быть в блоке

сам блок доходя до которого начинается параллакс эффект

Answer 1

[Сергей Тутуков]

codepen.io/STutukov/pen/GNOmMj