.footer-logos {
  display: flex;
  flex-flow: row wrap;
  gap: calc(var(--spacing-base) * 6);
  align-items: center;
}

@media (width <= 992px) {
  .footer-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--spacing-base) * 4);
  }

  .footer-logos img {
    width: 100%;
    height: auto;
  }
}
}