@media all {

  .ce-type-dw_partners {
    --columns: 3;

    & .ce-inner {
      order: 0;
      grid-column: 4 / -4;
    }

    & .ce-media {
      order: 1;
      grid-column: 4 / -4;

      & .ce-gallery {
        display: flex;
        flex-direction: column;
        gap: var(--element-gap);
        display: grid;
        grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
      }

      & .ce-media-file {
        overflow: clip;
        display: grid;
      }

    }

  }

}

@media (min-width: 62.5rem) {

  .ce-type-dw_partners {
    --columns: 4;

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

  }

}