Hi Laura P. I’d like to kindly share my opinion on this issue, but since Matt J. is the master expert here, I’d also appreciate his input if I’m mistaken.
First, please note that the logo3_component should have a width of “200vw”. It should contain two identical sets of content (the logos in this case). You have 12 logos, so each logo3_list should contain 12 components (one for each logo3_wrapper).
It’s important to set the grid of each logo3_list to 12 columns (currently it’s set to 6) and make sure the size of each grid item is 12.5rem.
Next, you’ll need to modify both interactions on the section_logo3:
• For the “Scroll into view” and “Page load” triggers, adjust the “Logo 3 [Loop]” interaction. At the 0.00 mark, the X move should be set to -174rem.
By applying these changes, you’ll have a seamless loop.
Lastly, please check the mobile view to ensure that you maintain the 12-column grid structure.
In other words, the two lists will act like identical wagons on a moving train—you won’t notice their transition during the loop.