Seamless Loop Animation Not Working

Hi everyone,

I’m trying to create a seamless scrolling loop of services I offer. It was sitting perfect originally, but there now seems to be some weird padding between the end of the first/start of the second element in the loop.

I’ve managed to fix it for view of my own mobile size, but there seems to be inconsistencies between different mobile sizes.

I was wondering if anyone would mind giving me a hand, as this could be a repeatable block that I can use for clients also!

Here’s the link - Webflow - Ryan Munro Design

Thanks in advance!!