.blockquote {
    z-index: 1;
}

.bg-light,
.bg-black,
.bg-position-center {
    .blockquote.quotation-marks .text-xl::before,
    .blockquote.quotation-marks .text-xl::after,
    .blockquote.quotation-marks .text-xxl::before,
    .blockquote.quotation-marks .text-xxl::after {
        color: gray !important;
        opacity: .5;
    }
}

.bg-primary {
    .blockquote.quotation-marks .text-xl::before,
    .blockquote.quotation-marks .text-xl::after,
    .blockquote.quotation-marks .text-xxl::before,
    .blockquote.quotation-marks .text-xxl::after {
        color: #dedede !important;
        opacity: .5;
    }
}

.blockquote.quotation-marks .text-xl::before,
.blockquote.quotation-marks .text-xl::after {
    font-size: 10rem;
    z-index: -2;
    position: absolute;
    color: #ededed;
}

.blockquote.quotation-marks .text-xxl::after {
    content: "«";
    bottom: -11rem;
    right: -2.8rem;
}

.blockquote.quotation-marks .text-xl::before {
    content: "»";
    top: -5.2rem;
    left: -4.4rem;
}

.blockquote.quotation-marks .text-xl::after {
    content: "«";
    bottom: 4.8rem;
    right: -0.4rem;
}