Как правильно позиционировать изображение в данном случае?

Question

[metori]

Привет. Есть такой код: https://codepen.io/dackjaniels/pen/VwZayWG

Если не скроллить и наводить на ссылки, то картинка отображается +/- как надо, но при скроллинге вниз, она остается где-то за границей видимой части. Как сделать, чтобы она оставалась на уровне наведенной ссылки? Без скриптов при скролле все было нормально, но вот с ними она остается наверху.

И еще, куда копать, чтобы наведя на LINK 1, картинка была над данной ссылкой (перекрывала текст), но под LINK 2, LINK 3, наведя на LINK 2, чтобы была над LINK 2, но под всеми остальными?

Comments

[Жук]

прикольные эффекты. Изображение должно появляться возле LINK, а сейчас оно где-то по середине страницы.

[Rustam Bainazarov]

Не могу ничего сказать по коду, у меня только два предложения с точки зрения дизайна:
1. было бы хорошо, если бы изображение не перекрывало ссылку
2. было бы хорошо, если бы при переводе мыши с ссылки на ссылку, анимация вылета бы не срабатывала заново, а менялась бы лишь только картинка, иначе все дергается чисто визуально