.block-quote {
  .container {
    display: flex;
    gap: var(--gutter-x);
    flex-direction: column;

    @media (min-width: 768px) {
      flex-direction: row;
    }
  }
}

.block-quote-icon {
  width: 100%;

  @media (min-width: 768px) {
    width: calc(100% / 12 * 2); 
  }
}

.block-quote-content {
  width: 100%;

  @media (min-width: 768px) {
    width: calc(100% / 12 * 8); 
  }

  .redactor {
    font-size: 28px;
    font-weight: 700;
    line-height: 1em;
  }
}