@media all {

  .ce-type-dw_quote {

    & .ce-inner {
      grid-column: 4 / -4;

      & .ce-quote {
        display: grid;
        gap: var(--element-gap-small);
        
        & .ce-bodytext {
          font-size: calc(40 / 22 * 1em);
          font-weight: 300;
          font-style: italic;
          line-height: 1.375;
          position: relative;
          
          &::before {
            content: "";
            position: absolute;
            transform: translate(-66%, -50%);
            z-index: -1;
            width: 14%;
            aspect-ratio: 148 / 89;
            background-image: url("quote.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
          }
          
        }
        
        & .ce-quoted {
          justify-self: end;
        }
        
      }

    }

  }

}

@media (min-width: 62.5rem) {

  .ce-type-dw_quote {

    & .ce-inner {
      grid-column: 6 / -6;

    }

  }

}