/* Event sponsor logos: use a shared width while preserving each aspect ratio. */
.event-card__logos {
  gap: 2.5rem;
  padding-block: 3rem;
  padding-inline: 2.5rem;
}

.event-card__logo {
  max-width: 6.25rem;
  width: 100%;
}

.event-card__logo picture,
.event-card__logo img {
  width: 100%;
}

.event-card__logo img {
  height: auto;
}

@media screen and (min-width: 480px) {
  .event-card__logos {
    padding-block: 2.5rem;
  }

  .event-card__logo {
    flex: 1 1 0;
    min-width: 0;
    max-width: 6.25rem;
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .event-card__logos {
    gap: 3.75rem;
    padding-block: 3.75rem;
    padding-inline: 3.75rem;
  }

  .event-card__logo {
    max-width: 10rem;
  }
}