@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: 3;
      }

    }

    & .ce-media-file {
      align-self: start;
      min-width: 0;
      border-radius: 0;

      & img {
        border-radius: 0;
      }

    }

    & [data-gallery-columns="1"] .ce-gallery {
      --columns: 1;
    }

    & [data-gallery-columns="2"] .ce-gallery {
      --columns: 2;
    }

    & [data-gallery-columns="3"] .ce-gallery {
      --columns: 3;
    }

    & [data-gallery-columns="4"] .ce-gallery {
      --columns: 4;
    }

    & [data-gallery-columns="5"] .ce-gallery {
      --columns: 5;
    }

    & [data-gallery-columns="6"] .ce-gallery {
      --columns: 6;
    }

    & [data-media-variant="logo"] .ce-media-image {
      align-self: center;
      width: 100%;
      margin-inline: auto;
    }

  }

}

@media (min-width: 62.5rem) {

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

}