GSAP - Scroll-Triggered Image Expansion - FIX

I have the attached script that causes an image to expand, letters to contract and a button to appear on scroll.

It works perfectly on desktop however when I check on ios it does not work. The animation does not trigger.

If I make the desktop screen size small it still works. However, if I go to the inspect section in the browser and select mobile it does not work.

I need someone to fix this so it works on mobile the same way it does on a desktop.

Required outcome
• The script should work on mobile the same way it does on desktop
• On mobile the image should be object-fit: cover so the image displays portrait. You can see how it should look by viewing on a desktop and reducing the width of the browser window.
• The image container size should remain dynamic

I found a codepen that seems to do a similar effect and it looks like it works on mobile so might be a good starting point:
https://codepen.io/xpmpemne-the-sans/pen/wBwXMWy