@media all {

  .ce-type-dw_imageteasers {

    & .ce-card.ce-teaser {

      & > .ce-inner {
        color: var(--current-text-color);
      }
    }

    & > .ce-header {
      grid-column: 3 / -3;      
    }

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

      & .ce-text {
        text-align: center;
      }

      & > .ce-element-nested {
        grid-column: unset;
        min-width: 0;
        display: flex;
        flex-direction: column;

        & > .ce-media {
          flex-shrink: 0;
          min-width: 0;
        }

        & .ce-cta {
          display: flex;
          justify-content: end;
          align-items: end;
          flex-grow: 1;
        }

      }

    }

  }

}

@media (min-width: 62.5rem) {

  .ce-type-dw_imageteasers {

    & > .ce-inner {

      &[data-items-count="1"] {
        --columns: 2;
      }

      &[data-items-count="2"] {
        --columns: 2;
      }

      &[data-items-count="3"] {
        --columns: 3;
      }

    }

  }

}
