Relume logo loop slider stutters in the mobile version

Design help General
1

Hi everyone,

I have a problem, even though it’s nothing dramatic. I built a Webflow site with a Relume logo slider (loop slider). Everything works perfectly, but on the mobile view it stutters just a little bit. Barely visible, but I’m still curious why that happens and how I could fix it. Do you have any ideas?

The graphics are in .AVIF format, but I also tested with simple .png logos, and it stutters the same way.

Here is my site Read-Only:

Preview:

2

Hi there,

To improve your site’s performance, here’s how to optimize your transitions and transforms:

For transitions, specify only the properties you need to animate rather than using the general ‘all’ property. For example, instead of ‘transition: all 0.3s ease’, use ‘transition: opacity 0.3s ease’ if you’re only fading elements.

For transforms, combine multiple transform properties into a single transform declaration to improve rendering performance. For instance, use ‘transform: translate(10px) scale(1.2)’ instead of applying these transforms separately.

Consider removing transitions from mobile devices where they might impact performance more significantly. You can do this using media queries:

@media (max-width: 767px) {
  .element {
    transition: none;
  }
}

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.