Как посчитать pageX, pageY для div с одинаковыми классами отдельно друг от друга

Question

Я пытаюсь сделать эффект наведения, как здесь: https://andstudio.lt/work/ Поэтому, когда пользователь наводит курсор на заголовок проекта, появляется изображение, прикрепленное к курсору. Я нашел некоторый код в inte rnet и создал в codepen, здесь https://codepen.io/ChicagoJostik/pen/abzqXOv Это на самом деле работает, но не правильно.

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

function moveCircle(e) {
  TweenMax.to(".cursor", 0.5, {
    css: {
      left: e.pageX,
      top: e.pageY
    },
  });
}

Так что, когда я наведусь на любой проект, все "курсор" "pageX и pageY будут считаться. Как я могу рассчитывать только на тот «курсор», в каком проекте я завис? Я не знаю, может быть, это проблема, которая заставляет код работать не правильно, но если у вас есть какие-либо советы, вы можете написать смело.

Заранее спасибо и извините за мой Engli sh.