Horizontal Scroll – Stop location across breakpoints

Hi all.
Really struggling to get the final positioning on the horizontal scroll on my page here:
https://preview.webflow.com/preview/weare8-2024-v2?utm_medium=preview_link&utm_source=designer&utm_content=weare8-2024-v2&preview=1a563bad8535e95edac0b09386a90a7d&workflow=preview

Only trying to get desktop correct here. I’ve used a horizontal scroll animation starting at 12% X and finishing at -62% X.
This sits the first and last ‘card’ in the centre of the viewport on one viewport, but if the desktop window is wider or skinnier it mucks up the animation.

Any tops on a small tweak to make here to get it working correctly?


Here is my site Read-Only:
https://preview.webflow.com/preview/weare8-2024-v2?utm_medium=preview_link&utm_source=designer&utm_content=weare8-2024-v2&preview=1a563bad8535e95edac0b09386a90a7d&workflow=preview

Hoping there is someone out there that has an answer for this one!
Would be the biggest help ever. Thank you.