@layer layout {
  .organizers {
    display: grid;
    grid-template-columns: repeat(var(--columns, 5), 1fr);
    gap: 1.5rem;
    padding: unset;
    margin: 6rem 0 0;

    list-style-type: none;

    @media (width < 50rem) {
      --columns: 4;
    }

    @media (width < 35rem) {
      --columns: 2;
      --gap: 1rem;
    }

    img {
      inline-size: 100%;
      margin-block-end: 1rem;

      aspect-ratio: 1;

      object-fit: cover;
    }

    h2 {
      margin-block: 0 0.25rem;
    }

    p {
      margin-block: unset;
    }
  }
}