/* Make sure the container actually becomes a grid */
.markdown .logos-grid,
.content .logos-grid,
.logos-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px;
  place-items: center;
  max-width: 680px;
  margin: 0 auto;
}

/* Make each child behave nicely inside cells */
.logos-grid > a { display: block; }

.logos-grid img {
  height: 120px;        /* or 300px width if you prefer width-based sizing */
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

@media (max-width: 640px) {
  .markdown .logos-grid,
  .content .logos-grid,
  .logos-grid {
    grid-template-columns: 1fr !important;
    max-width: 340px;
  }
}