@media all {

  .ce-type-wf_quote {
    position: relative;
    font-weight: 300;
    color: var(--color-grey);
    text-align: center;

    & .cb-quote-wrapper {
      position: relative;
      grid-column: 3 / -3;
      padding: 4rem;
      background-color: var(--color-white);
      box-shadow: var(--box-shadow);
      border-radius: var(--border-radius);
      margin-top: 3rem;
      margin-bottom: 3rem;

      & .cb-quote__image {
        height: 3rem;
        aspect-ratio: 1;
        padding: 1.5rem;
        border-radius: 100vmax;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--color-orange);
        fill: var(--color-white);
        z-index: 2;
      }

    }

    & .background {
      height: 40%;
    }

    & .ce-bodytext {
      font-weight: 300;
      font-size: 1.125em;
      line-height: 1.625;

    }

    & .cb-quote__author {
      display: block;
      margin-top: 1.5rem;
    }

  }

}

@media (min-width: 62rem) {

  .ce-type-wf_quote {

    & .cb-quote-wrapper {
      grid-column: 7 / -7;
    }

  }

}