.am-quote {
    background-image: linear-gradient(45deg, #333, transparent), url(../images/Фон\ \(1\).png);
    background-size: cover;
    background-position: bottom right;
    display: grid;
    grid-template-columns: minmax(1em, 1fr) minmax(auto, 1200px) minmax(1em, 1fr);
    justify-content: center;
    color: var(--white);
    font-size: var(--h3);
    height: auto;
    align-items: flex-end;
    overflow-x: hidden
}

.am-quote figure {
    grid-column: 2/3;
    padding: 1em 0 .75em
}

.am-quote blockquote p {
    font-family: "Baskerville", serif;
    line-height: 1.2;
    max-width: 76%;
    position: relative;
    z-index: 3;
    color: var(--offwhite)
}

.am-quote blockquote p::before {
    content: "\201C";
    font-size: 8em;
    position: absolute;
    top: -3rem;
    left: -1.5rem;
    color: #545454;
    z-index: -1
}

.am-quote figcaption {
    text-align: right;
    margin-top: .7em;
    font-family: "Ephesis", sans-serif;
    max-width: 80%;
    color: var(--arthurMurrayYellow)
}

@media screen and (min-width:500px) {
    .am-quote {
        padding: 9vw 0;
        height: unset;
        background-position: center right
    }

    .am-quote figure {
        max-width: 70%
    }

    .am-quote blockquote p,
    .am-quote figcaption {
        max-width: 100%
    }
}

@media screen and (min-width:540px) {
    .am-quote figure {
        max-width: 60%
    }

    .am-quote blockquote p::before {
        top: -3.5rem;
        left: -2rem
    }
}

@media screen and (min-width:1052px) {
    .am-quote blockquote p::before {
        top: -4rem
    }
}