<style>
  .logo-scroll-container {
    overflow: hidden;
    width: 100%;
    background-color: #f5f5f5;
  }

  .logo-scroll {
    display: flex;
    width: max-content;
    animation: scroll-logos 40s linear infinite;
  }

  .logo-scroll img {
    height: 70px;
    margin-right: 50px;
    flex-shrink: 0;
  }

  @keyframes scroll-logos {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  /* Mobile-specific adjustments */
  @media (max-width: 768px) {
    .logo-scroll img {
      height: 50px;
      margin-right: 30px;
    }
  }
</style>
