@layer modules {
  .trusted-by {
    max-width: 1000px;
    margin: 0 auto 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
    padding: 2rem;
    justify-content: space-around;
    figcaption {
      grid-column: 1 / -1;
      width: 100%;
      text-align: center;
      font-size: 1.3rem;
      margin-bottom: 3rem;
    }
    img {
      height: clamp(1.8rem, 10vw - .1rem, 2.3rem);
      width: auto;
    }
    &:not(.colored) img {
      filter: contrast(0) sepia(.9) hue-rotate(184deg) brightness(.73);
    }

    @media(width < 850px){
      display: grid;
      grid: auto / 1fr 1fr;
      place-items: center;
      img { margin: 1rem 0; }
    }
  }
}