Sayfa Kaydıkça Nesnenin Hareket Etmesi

Merhaba,
Html sayfama eklediğim bir resmin sayfa kaydıkça hafif hareket etmesini istiyorum. Resmin konumu sabit ama parallax gibi değil. Parallaxta resmi divin arkaplanına ekliyoruz. Burada resim, tüm nesnelerin üzerinde.
Aslında yapmak istediğim şey hover işlemi gibi. Sadece üzerine gelince değil de, sayfayı kaydırınca işlemin gerçekleşmesini istiyorum. Animate.css ile istediğim efekti veriyorum ama saniye bazlıvs. çalışıyor. Sayfa aşağı kaydıkça nasıl yapacağımı bulamadım. Yardımcı olursanız sevinirim.

jquery ile şöyle birşey var: https://api.jqueryui.com/shake-effect/

Bunun jquery değilde, animation css versiyonunu denedim ama istediğim şey tam olarak o değil. Ben sayfa aşağı inince veya çıkınca resmin hareket etmesini istiyorum. Bu örnekte de saniye üzerinden çalışıyor.

Merhabalar css de z index ve position fixed kullanarak en üste sabitleyebilirsiniz örnek verecek olursam sitemde telefon simgesinin hareket ettikçe sabit kalmasını bu kodlarla sağlıyorum


</div>

<div>
<a href="tel:+telno">
<div style="position: fixed;z-index: 999;width: 70px;height: 70px;left: 10%;top: 81%"> // sayfanızda başka z indexler varsa z indexi en üst sayı olarak girmelisiniz
<img src="dimg/wp-tel/tel2.png">
</div>
</a>
</div>

Position:fixed veremem. Ben ekranın bir köşesinde sabit kalmasını istemiyorum. Absolute ile konumunu belirledim zaten. Benim tam olarak istediğim şey sayfanın aşağı veya yukarı kayması ile nesnenin tetiklenmesi, hafif hareket etmesi. Aslında hareket efektini de veriyorum ama sayfa hareket edince diye komut veremiyorum. O kısmı bilmiyorum.

bu konuda js muhtaçsın. internette hazır bikaç plugin var ancak onlarda işini görmezse özel yazılması gerekli.
https://michalsnik.github.io/aos/
sağa sola hareket ettirebiliyorsun bu plugin ile ancak işini görecek şey bu değilse de biraz araştır en kötü ihtimalle özel olarak yazarız

Bunlar çok güzel. Tam istediğim gibi. Hemen deniyorum, teşekkür ederim.