@media all {

  .ce-type-dw_gallery {

    & .ce-inner,
    & .ce-media {
      grid-column: 3 / -3;
    }

    & .ce-gallery {
      --columns: 4;
      display: grid;
      gap: var(--page-grid-gap);
      grid-template-columns: repeat(var(--columns), minmax(0, 1fr));

      &[data-ce-images="1"],
      &[data-ce-images="2"] {
        --columns: 2;
      }

      &[data-ce-images="3"],
      &[data-ce-images="5"],
      &[data-ce-images="6"],
      &[data-ce-images="9"] {
        --columns: 1;
      }

    }

    & .ce-media-file {
      align-self: start;

      & img {
        border-radius: unset;
        overflow: clip;
      }

    }

  }

}

@media (min-width: 62.5rem) {

  .column-content .ce-type-dw_gallery .ce-media {
    grid-column-start: 1;
  }

  .ce-type-dw_gallery {

    & .ce-gallery {
      --columns: 4;
      display: grid;
      gap: var(--page-grid-gap);
      grid-template-columns: repeat(var(--columns), minmax(0, 1fr));

      &[data-ce-images="1"],
      &[data-ce-images="2"] {
        --columns: 2;
      }

      &[data-ce-images="3"],
      &[data-ce-images="5"],
      &[data-ce-images="6"],
      &[data-ce-images="9"] {
        --columns: 3;
      }

    }

    & .ce-media-file {
      align-self: start;

      & img {
        border-radius: unset;
        overflow: clip;
      }

    }

  }