.complements-container {
  background: var(--gradient-beige);
  background-repeat: no-repeat;
  background-size: 100% 605px;
  padding-top: 81px;

  h1 {
    margin-bottom: 61px;
  }

  .grid.is-layout-grid,
  .wp-block-group.grid {
    display: block;
    column-count: 3;
    column-gap: 31px;
    max-width: calc((350px * 3) + (31px * 2));
    margin: 0 auto 100px;
    padding: 0;

    .wp-block-group {
      break-inside: avoid;
      display: inline-block;
      width: 100%;
      margin-bottom: 80px;

      img {
        display: block;
        width: 100%;
      }

      h2 {
        font-weight: 700;
        margin: 26px 0 12px;
      }

      p,
      ul {
        margin: 0;
      }
    }

    @media (max-width: 1210px) {
      column-count: 2;
    }

    @media (max-width: 780px) {
      column-count: 1;
    }
  }
}