.logo-ticker {
  overflow: hidden;
  width: 100%;
  max-width: 1000px; 
  margin: 40px auto;  
  background: #ffffff;      /* BG of entire logo quilt */
  padding: 20px 0;
  position: relative;
  opacity: .9;
}

.ticker-track {
  display: flex;                
  gap: 80px;      /* Adjust this to change spacing between logos */
  padding-right: 80px;      /* CRITICAL: Must match the gap size precisely to fix the jerk */
  width: max-content;           
  animation: scroll 25s linear infinite; /* Adjust 25s to change the speed */
}

.ticker-track img {
  height: 50px;                 
  width: auto;                  
  flex-shrink: 0;      /* Prevents the logos from getting squished */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Pure 50% shift now works perfectly because the track padding balances the math */
    transform: translateX(-50%); 
  }
}