<style>
  .css_style_to_ignore {}
  .logo-grid__ {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: oklch(0.560501 0.244537 276.077);
    align-items: center;
    justify-items: center;
  }

  .logo-grid__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .logo-grid__item img {
    display: block;
    width: 200px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  @media (max-width: 1200px) {
    .logo-grid__ {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 600px) {
    .logo-grid__ {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
      padding: 15px;
    }
  }

  @media (max-width: 400px) {
    .logo-grid__ {
      grid-template-columns: 1fr;
    }
  }
</style>
