GALLERY SECTION AUTO-SCROLLING CAROUSEL EXTENDS OUTSIDE OF WEBPAGE

I've successfully added CSS code to have an auto-scrolling logo carousel. I created the effect by creating two files that are 3000px wide X 300px H using a Canva template with the logos spaced evenly instead of uploading individual logos to avoid spacing issues.

For some reason, the auto-scroll is showing off of the webpage when I scroll my mouse to the right. I cannot figure out how to fix this! Help! I created the effect by using the following code to custom CSS.

/* Infinite Logo Scroll */
#SECTIONID .gallery-reel-list {
  animation: scroll 20s linear infinite;
  display: flex;
  width: 3000px;
  overflow: visible;
}

@keyframes scroll {
	0% { 
      transform: translateX(0); 
  }
	100% { 
     transform: translateX(-1500px);
  }
}

Can you share your website URL?

@Ziggy sorry about that, I added ot to the forum post so I thought it included it!

https://www.tasteedmonds.com/home-2024

Both of these are causing the problem, but that overflow is inherent to the way you're trying to do this:

  width: 3000px;
  overflow: visible;

@Ziggy hmm, I see! So do you suggest I not use this method and create the auto-scroll using individual images?