.logo-grid__description {
  max-width: 40rem;
}

.logo-grid__logos {
  --grid-columns: var(--logo-columns-mobile, 2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.logo-grid__logos img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, 11rem);
  max-height: 4rem;
}

.logo-grid__link {
  width: 100%;
  min-height: 5rem;
}

.logo-grid__link:hover {
  opacity: 0.75;
}

@media (min-width: 768px) {
  .logo-grid__logos {
    --grid-columns: var(--logo-columns-tablet, 3);
  }
}

@media (min-width: 992px) {
  .logo-grid__logos {
    --grid-columns: var(--logo-columns-desktop, 5);
  }
}