Need help customizing code for auto-scroll gallery blocks

Hi all! 

I'm having trouble figuring out how to tweak the code for the scrolling gallery blocks I have on the site I am building for a client. URL and Password are below:

https://ladybug-seahorse-5wtx.squarespace.com/

PW: KOKO2024

There are 5 scrolling gallery grids total throughout the page, and for the life of me, I can’t figure out how to get them to automatically repeat. So once they’ve scrolled through all the logos, it’s just blank space filling the screen until it starts over. I want them to just infinitely repeat immediately so there is no space between the last logo and the first logo in the grid. Here is an example of the code I am using for these (slightly customized for each as you'll see I have them scrolling in different directions!)

#block-yui_3_17_2_1_1707432821850_47937 {  
 .sqs-gallery-design-grid {
    display:flex;
    flex-wrap:nowrap !important;
   overflow:visible;
    position: relative;
    animation: galleryRight 40s linear infinite;
  }
   .sqs-gallery-design-grid-slide {
    min-width:200px !important;
  }
   .sqs-gallery-design-grid .sqs-gallery-design-grid-slide .margin-wrapper{
  margin-top:5px !important;
}
}
@keyframes galleryRight {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

Thank you all in advance for any help you can provide!!