/* Organizers */
.organizers {
  padding: var(--padding-main);
}

.organizers h2:not(:first-child) {
  margin-top: 6rem;
}

.organizers h2 {
  text-align: center;
}

.organizer {
  color: unset;
  margin-top: 4rem;
  text-align: center;
}

.organizer .link-image:hover ~ .link-name h3 {
  text-decoration: underline;
}

.organizer .link-name:hover h3 {
  text-decoration: underline;
}

.organizer .link-image {
  display: block;
  width: 30%;
  margin-inline: auto;
}

.organizer img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin-inline: auto;
  border-radius: 100%;
}

.organizer .link-name,
.organizer h3 {
  display: inline-block;
}

@media screen and (min-width: 1200px) {
  .organizers-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 2rem;
  }
}