.bg-media-quote .bg-media {
    grid-area: 1/1/span 3/span 14;
}

.bg-media-quote .bg-media::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--blue) 0%, transparent 100%);
    opacity: var(--overlay);
    mix-blend-mode: multiply;
    z-index: 1;
}

.bg-media-quote .icon.quote {
    grid-area: 1/3/1/span 2;
    margin-top: calc(var(--m-lg) + var(--m-md));
    justify-self: flex-end;
}

.bg-media-quote .quote-container {
    grid-area: 2/5/2/span 6;
	z-index: 2;
	max-width: 34ch;
}

.bg-media-quote .quote-container .quote-name {
    margin-top: .75em;
}

@media (max-width: 991.98px) {
    .bg-media-quote .icon.quote {
        grid-area: 1/2/1/span 2;
        margin-top: var(--m-lg);
    }

    .bg-media-quote .quote-container {
        grid-area: 2/4/2/span 10;
    }
}