WAIT: Distorted images on IOS devices

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)
Hello community :slight_smile:

MY site hero has a bug on IOS devices. Some images distort. Please see the attached screen shot. The url is: https://houseofgummies.co.za

We have animated these images using motion.page. The image format is webp

This hero was made into a template in our library. Not sure if that would cause an a issue?

Screenshot 2023-09-08 at 17.13.05
Screenshot 2023-09-08 at 17.13.05368Ă—627 168 KB

Would really appriciate the help.

[Please describe this bug in as much detail as possible so we can replicate & debug this bug]

2

Hey @garethmcewan,

thanks for your report.

I’m seeing the same issue on a mobile device using Chrome. So I would guess that mobile browsers have a problem with your animation in combination with WebP.

Did you try the same animation with a “legacy” format like PNG? You should also ask the motion.page guys as they might be more experienced regarding those animations on different devices.

Best,

André

3

What is confusing is the fact that the other sections are using the same webp format and those animations are working on mobile! :frowning: