.ww-quote {
    position: relative;
}

.ww-quote::before {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--primary);
    mix-blend-mode: multiply;
}

.ww-quote .wrap {
    padding: 4rem 1rem;
    max-width: 840px;
    position: relative;
    text-align: center;
    color: var(--wp--preset--color--white);
    font-size: 1rem;
}

.ww-quote blockquote p {
    color: var(--wp--preset--color--white);
    font-size: 1.75rem;
    font-weight: 400;
    text-align: center;
}

.ww-quote img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 1rem;
}
@media (min-width: 769px) {

    .ww-quote blockquote p {
        font-size: 2.5rem;
    }
}