Webflow - Simple background parallax

<script>
// place in "FOOTER" custom code in webflow admin.
Webflow.push(function() {
	function runParallax() {
		var top = $(window).scrollTop();
		var height = $(window).height();

		$('.section, .hero-section').each(function() {
			var element = $(this);
			var distanceFromTop = element.offset().top - top;
			var percentage = (distanceFromTop / height);
			var rangeInPercentage = parseInt(element.attr('data-parallax-range')) || 20;
			var calculatedPercentage = percentage * rangeInPercentage;
			var positionY = 50 + (calculatedPercentage);

			element.css('background-position-y', positionY.toString() + '%');
		});
	}

	jQuery(window).on('scroll', runParallax);
	jQuery(window).on('resize', runParallax);
});
</script>