Простое повторение Jquery Parallax наверху

Question

У меня есть эффект JQuery Parallax для изображения заголовка.

Когда вы прокручиваете изображение, оно повторяется, когда эффект привязывает изображение к вершине.

Я пробовал позиционировать с помощью CSSно затем изображение запускается правильно, но при прокрутке устанавливается наверх, поскольку оно устанавливается JS.

Я не могу понять, как сместить изображение в JS, чтобы вы никогда не видели повтор.

Codepen: https://codepen.io/flinch85/pen/qBBBQNd

          ;(function($) {
          $window = $(window);

          $('*[data-type="parallax"]').each(function(){

              var $bgobj = $(this);

              $(window).scroll(function() {

                  var yPos = -($window.scrollTop() / $bgobj.data('speed'));
                  var coords = '50% '+ yPos + 'px';

                  $bgobj.css({ backgroundPosition: coords });

              });
          });
      })(jQuery);