In my “work” section, I am creating a hover effect in which an image is displayed according to the CMS items of the list. I have also given a move in viewport interaction to the image div which makes it follow my cursor.
Unfortunately, I am facing trouble while displaying the right CMS image. It shows but the problem is that it only changes when I move my mouse fast on the new CMS item. So for example, if I am hovering on the Item1 then it shows me the Img1 but when I slowly move my cursor on the Item2 then it won’t show unless I move my cursor rapidly on that Item2. Moreover, the hover effect stays the whole time after starting unless I rapidly move my cursor anywhere outside of the hover element.
Video link: Birdie