Как автоматически подстраивать offset при скроллинге?

Question

[Genri_Rus]

Хорошего времени суток !

Возникла проблема в подстраивании offset'a относительно скроллинга

Дело в том, что я пытался реализовать полет картинки, но у меня получился не тот эффект

Проблема возникает, когда я нажимаю на кнопку и у меня одновременно летит не одна, а сразу 2 картинки

Я также не могу понять, как сделать полет картинки выше по свойству top ? Сейчас картинка летит прямо ...

Вот более наглядный пример: https://codepen.io/Genri_Rus/pen/JqEgyg

<div>
  <p class="img"><img src="http://lorempixel.com/30/30/city">
  <button class="move">Переместить</button>
  </p>
</div>

<div>
  <p class="img"><img src="http://lorempixel.com/30/30/technics">
  <button class="move">Переместить</button>
  </p>
</div>

<div class="icon-right"><i class="fa fa-tags" aria-hidden="true"></i></div>

const icon = $('.icon-right');

$('.move').click(function() {
    let img = $(this).parent().find('img');
    let offset = img.offset();
    $('body').append('<div class="moved-item"></div>');
    var copy = img.clone();
  
    let copyItem = copy.appendTo('.moved-item');
  
    $('.moved-item').css({'top' : offset.top + 'px', 'left' : offset.left + 'px'}).fadeIn("slow").animate({'top': icon.offset().top, 'left': icon.offset().left + 20}, 1200);
})