.cb__blockquote {
    position: relative;
    display: flex;
    align-items: center;

    --blockquote-inner-padding: 5rem 3rem;
    --blockquote-image-object-fit: cover;
    --blockquote-image-object-position: center;
    --blockquote-text-font-size: 1.75rem;
    --blockquote-icon-height: 145px;
    --blockquote-icon-top-position: 25%;

    padding: var(--blockquote-inner-padding);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.cb__blockquote .inner {
    position: relative;
    z-index: 2;
}
.cb__blockquote:before {
    content: '';
    position: absolute;
    top: var(--blockquote-icon-top-position);
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 10rem;
    line-height: 1;
    opacity: 0.3;
    z-index: 1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 244.7 187"><path fill="white" d="M85.2,15.1c13.7,15.1,22,31.6,22,59.1,0,48.1-34.4,90.7-82.5,112.7l-12.4-17.9c45.4-24.7,55-56.4,57.7-77-6.9,4.1-16.5,5.5-26.1,4.1C19.2,93.5,0,72.9,0,48.1S5.5,23.4,13.7,13.7C23.4,4.1,34.4,0,48.1,0s28.9,6.9,37.1,15.1h0ZM222.7,15.1c13.7,15.1,22,31.6,22,59.1,0,48.1-34.4,90.7-82.5,112.7l-12.4-17.9c45.4-24.7,55-56.4,57.7-77-6.9,4.1-16.5,5.5-26.1,4.1-24.7-2.8-44-22-44-48.1s5.5-24.7,13.7-34.4c9.6-9.6,20.6-13.7,34.4-13.7s28.9,6.9,37.1,15.1h0Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    height: var(--blockquote-icon-height);
    aspect-ratio: 245/187;
}
.cb__blockquote:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-secondary-b2c, #000);
    opacity: 0.85;
    pointer-events: none;
}

.cb__blockquote .inner .highlight {
    color:var(--color-accent-b2c);
}

/* TEXT */
.cb__blockquote .cb__bodytext {
    font-size: var(--blockquote-text-font-size);
    font-family: var(--headline-font-family);
    line-height: 1.2;
    margin-top: 3rem;
}

/* AUTHOR */
.cb__blockquote .cb__author {
    margin-top: 2rem;
    font-size: 1.125rem;
}

/* IMAGE */
.cb__blockquote img {
    margin: 0 auto;
    object-fit: var(--blockquote-image-object-fit);
    object-position: var(--blockquote-image-object-position);
}

/* Responsive */
@media (min-width: 1024px) {
    .cb__blockquote {
        --blockquote-inner-padding: 6rem 3rem;
        --blockquote-text-font-size: 2.625rem;
        --blockquote-icon-height: 187px;
        --blockquote-icon-top-position: 33%;
    }
}