.card-quote {
    background-color:var(--background-color);
    position:relative;
    padding:48px 20px 48px 20px;
}

    .card-quote:before {
        content: "“";
        font-size: 3.7rem;
        font-family: 'Adelle';
        position: absolute;
        left: 30px;
        top: 6px;
        color: var(--accent-color);
    }

    .card-quote:after {
        content: "”";
        font-size: 3.7rem;
        font-family: 'Adelle';
        position: absolute;
        bottom: -40px;
        color: var(--accent-color);
        right: 30px;
    }

    .card-quote blockquote {
        all:unset;
        font-style:italic;
        font-size: 1.3rem;
        line-height: 135%;
    }

    .card-quote blockquote:before {
        all:unset;
    }

@media (min-width: 391px) {
    .card-quote {
        padding:48px 56px 48px 56px;
    }
}