@media all {

  .ce-container {
    --columns: 1;

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

  }

  .ce-container.ce-background-image {
    position: relative;
    isolation: isolate;
    --ce-container-overlay-color: transparent;
    --ce-container-overlay-opacity: 0.78;
  }

  .ce-container.ce-background-image.ce-background-color {
    --ce-container-overlay-color: var(--current-element-background);
  }

  .ce-container.ce-background-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-color: var(--ce-container-overlay-color);
    opacity: var(--ce-container-overlay-opacity);
  }

  .ce-container.ce-background-image > :not(.ce-background-image-file) {
    position: relative;
    z-index: 1;
  }

  .ce-container.ce-background-image > .ce-background-image-file {
    z-index: -1;
  }

}

@media (min-width: 62.5rem) {

  .ce-type-container-50-50 {
    --columns: 2;
  }

  .ce-type-container-33-33-33 {
    --columns: 3;
  }
  
  .ce-type-container-66 {
    --columns: 1;
  }

}