@media all {

  .ce-type-dw_media {

    & .ce-inner ,
    & .ce-media {
      width: 100%;
      /* max-width: var(--max-inline-width); */
      margin-inline: auto;
    }

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

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

      & .ce-media-file {
        /* border-radius: var(--radius-medium); */
        overflow: clip;
      }

    }

    /* Fullwidth media: stretch the media element edge-to-edge when set in media_size palette */
    & .ce-media.ce-fullwidth {
      grid-column: 1 / -1;
      position: relative;
      left: 50%;
      right: 50%;
      margin-bottom: 0;
      margin-left: -50vw;
      margin-right: -50vw;
      width: 100vw;
      max-width: 100vw;
      padding-left: 0;
      padding-right: 0;
    }

    & .ce-media.ce-fullwidth .ce-media-file,
    & .ce-media.ce-fullwidth .ce-media-file img {
      width: 100% !important;
      height: auto !important;
      display: block;
    }

    /* Rounded corners for Media: apply to images when option set */
    & .ce-media.ce-rounded-small .ce-media-file,
    & .ce-media.ce-rounded-small .ce-media-file img {
      border-radius: var(--radius-small) !important;
      overflow: clip;
    }

    & .ce-media.ce-rounded-medium .ce-media-file,
    & .ce-media.ce-rounded-medium .ce-media-file img {
      border-radius: var(--radius-medium) !important;
      overflow: clip;
    }

    & .ce-media.ce-rounded-large .ce-media-file,
    & .ce-media.ce-rounded-large .ce-media-file img {
      border-radius: var(--radius-large) !important;
      overflow: clip;
    }

    /* When media is fullwidth also remove top and bottom margin */
    .ce-type-dw_media:has(.ce-media.ce-fullwidth) {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

    .column-content .ce-type-dw_media:has(.ce-media.ce-fullwidth) {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

  }

}

@media (min-width: 62.5rem) {

  .column-content {

    & .ce-type-dw_media {

      & .ce-inner ,
      & .ce-media {
        grid-column-start: 1;
        max-width: unset;
        margin-inline: unset;
      }

    }

  }

}

  /* Margin top 0 for Media when checkbox set */
  .ce-type-dw_media:has(.ce-media.ce-mt-0) {
    margin-top: 0 !important;
  }

  .column-content .ce-type-dw_media:has(.ce-media.ce-mt-0) {
    margin-top: 0 !important;
  }