@media all {
  .ce-media {
    display: flex;
    flex-direction: column;
  }
  
  .ce-element > .container-xxl > .ce-media {
    gap: 2rem;
  }
  
  .ce-media-overlay {
    color: var(--ce-color-card-fg);
    background-color: var(--ce-color-card-bg);
    border-radius:var(--border-radius-medium);
    height: fit-content;
    margin: auto .5rem;
    padding: 1.25rem;
    width: auto;
  }
  
  .ce-media-overlay p {
    hyphens: auto;
  }
  
  .ce-media-overlay-poster {
    opacity: .5;
    filter: blur(.25rem);
    height: 100% !important;
    object-fit: cover;
  }
  
  .ce-media-overlay-poster::before {
    content:"";
    width: 100vw;
    height: 100vw;
    position: absolute;
    background: var(--color-red);
    z-index: -1;
  }
  
  .ce-media-overlay > * {
    position: relative;
  }
  
  .btn-media-overlay {
    margin-top: var(--size-2);
  }
  
  .ce-media > .ce-gallery {
    display: grid;
    gap: var(--container-gap);
  }
}

@media (min-width: 32rem) {
  .ce-media-overlay {
    max-width: 75%;
    margin: auto;
  }
}

@media (min-width: 48rem) {
  .ce-media-overlay {
    max-width: 66%;
  }
  
  .ce-media > .ce-gallery:not([data-ce-images="1"]) {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  
  .ce-media > .ce-gallery:not([data-ce-images="1"], [data-ce-images="2"]) .ce-media-image-caption {
    flex-direction: column;
  }
  
  .ce-media > .ce-gallery:not([data-ce-images="1"], [data-ce-images="2"]) .ce-media-image-caption .ce-media-copyright {
    order: 0;
  }
  
  .ce-media > .ce-gallery:not([data-ce-images="1"], [data-ce-images="2"]) .ce-media-image-caption .ce-media-description {
    order: 1;
  }
  
}

@media (min-width: 62rem) {
  .ce-element > .container-xxl > .ce-media {
    gap: 2.5rem;
  }
  .ce-media-overlay {
    max-width: min(32rem, calc(100% - var(--size-4)));
  }
  
  .ce-media > .ce-gallery:not([data-ce-images="1"]){
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
  
  .ce-media > .ce-gallery[data-ce-images="2"] .ce-media-image-caption {
    flex-direction: column;
  }
  
  .ce-media > .ce-gallery[data-ce-images="2"] .ce-media-image-caption .ce-media-copyright {
    order: 0;
  }
  
  .ce-media > .ce-gallery[data-ce-images="2"] .ce-media-image-caption .ce-media-description {
    order: 1;
  }
}