.quote_content {
    @media (min-width: 768px) {
        gap: 1.35em;
    }
    blockquote {
        margin: 0 10px;
    }
    p {
        font-size: var(--font-size-1-5);
        font-weight: var(--font-weight-400);
        &:before {
            display: block;
            width: 40px;
            height: 40px;
            content: "";
            background-repeat: no-repeat;
            background-size: contain;
            background: center/contain url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 360 280"><path d="M160 216a60 60 0 01-20 43 67 67 0 01-48 20 80 80 0 01-66-30 116 116 0 01-23-77c0-32 13-63 40-95A260 260 0 01 138 4l17 28c-29 14-52 30-69 50A120 120 0 00 57 150H80c16 0 30 2 40 5a70 70 0 01 24 15 80 80 0 01 13 21c2 8 4 16 4 24Zm192 0c0 16-6 30-20 43a67 67 0 01-47 20 80 80 0 01-66-30c-16-18-23-45-23-78 0-32 13-63 40-95A260 260 0 01 330 4l17 28a210 210 0 00-70 50A120 120 0 00 250 150h22c16 0 30 2 40 5a70 70 0 01 24 15 67 67 0 01 16 45Z" fill="rgb(226, 0, 26)"/></svg>') no-repeat;
        }
    }
    footer {
        text-align: right;
        margin-block-start: 1rem;
    }
}
@media (min-width: 768px) {
    .quote_content_img {
        flex: 1;
        max-inline-size: 12.5rem;
    }
    .quote_content_text {
        flex: 3;
    }
}