/* La gallery */
.wp-block-gallery {
  display: grid !important;
  grid-gap: var(--spacing-8) !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: repeat(6, minmax(115px, 115px)) !important;

  @media (width >= 48rem) {
    grid-template-columns: repeat(6, 1fr) !important;
    grid-template-rows: repeat(2, minmax(225px, 225px)) !important;
  }
}

/* Les images */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  display: block !important;
}

.wp-block-gallery .wp-block-image div {
  display: block !important;
  height: 100% !important;
}

.wp-block-gallery .wp-block-image {
  width: 100% !important;
}

/* Positionnement des images */
.wp-block-gallery .wp-block-image:nth-child(1) {
  grid-area: 1 / 1 / 2 / 3 !important;

  @media (width >= 48rem) {
    grid-area: 1 / 1 / 2 / 3 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2 !important;

  @media (width >= 48rem) {
    grid-area: 1 / 3 / 2 / 4 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3 !important;

  @media (width >= 48rem) {
    grid-area: 1 / 4 / 2 / 5 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(4) {
  grid-area: 3 / 1 / 4 / 2 !important;

  @media (width >= 48rem) {
    grid-area: 1 / 5 / 2 / 6 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(5) {
  grid-area: 3 / 2 / 4 / 3 !important;

  @media (width >= 48rem) {
    grid-area: 1 / 6 / 2 / 7 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(6) {
  grid-area: 4 / 1 / 5 / 2 !important;

  @media (width >= 48rem) {
    grid-area: 2 / 1 / 3 / 2 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(7) {
  grid-area: 4 / 2 / 5 / 3 !important;

  @media (width >= 48rem) {
    grid-area: 2 / 2 / 3 / 3 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(8) {
  grid-area: 5 / 1 / 6 / 3 !important;

  @media (width >= 48rem) {
    grid-area: 2 / 3 / 3 / 5 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(9) {
  grid-area: 6 / 1 / 7 / 2 !important;

  @media (width >= 48rem) {
    grid-area: 2 / 5 / 3 / 6 !important;
  }
}

.wp-block-gallery .wp-block-image:nth-child(10) {
  grid-area: 6 / 2 / 7 / 3 !important;

  @media (width >= 48rem) {
    grid-area: 2 / 6 / 3 / 7 !important;
  }
}