@media (1024px <= width < 1280px) {
  #authors .cards.flex {
    flex-wrap: wrap;
    gap: 2rem;
  }
  #authors .cards .card {
    width: calc(50% - 1rem);
  }
}
@media (1280px <= width) {
  #authors .cards.flex {
    flex-wrap: wrap;
    gap: 1rem;
  }
  #authors .cards .card {
    width: calc(33.333% - 1rem);
  }
}