The scrolling effect works well on desktop devices, but it's not functioning correctly on mobile devices. This means that the images on the left side are not appearing one by one as they should when scrolling, and the starting and ending points of the scroll are also incorrect.
Additionally, sometimes on desktop devices, it seems like the images initially appear in the upper section, especially when the "Phone-TBC" section has "overflow: hidden" applied. In CodePen, the images are not showing outside the designated area, but I'm facing this issue on my website. Can someone please help me with this problem?
https://splashdigital-4429477.hs-sites.com/home