.section3 {
    position: relative;
    padding: 1.5rem 0;
    overflow: hidden;
}
    .section3-container {
        display: grid;
        grid-auto-flow: column;
    }
    .section3-alignRight {
        margin-right: 4rem;
    }
    .section3-alignLeft {
        margin-left: 4rem;
    }
    .section3-body{
        grid-area: body;
    }
    .section3-img {
        grid-area: image;
        overflow: hidden;
        position: relative;
    }
    .section3-quote {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 0.75rem 1.5rem;
        background-color: rgba(70, 65, 118, 0.69);
        color: #ffffff;
    }
    .section3-quoteBody {
        margin-bottom: 0.5rem;
    }
    .section3-quoteAttr {
        text-align: right;
    }
    .section3-quoteName {
        margin-bottom: .1rem;
    }
    .section3-quoteTitle {
        text-transform: uppercase;
        font-size: .75em;
    }

    .section3-scoop {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .section3-scoopMain {
        position: absolute;
        width: 2.8571em;
        top: calc(-2.571em + .75em);
        bottom: 0;
    }
    .section3-scoopLeft {
        right: 1.5rem;
    }
    .section3-scoopRight {
        left: 1.5rem;
        transform: scaleX(-1);
    }
    .section3-scoopIcon {
        position: absolute;
        top:0;
        right: 0;
        left: 0;
        bottom: 0;
    }
@media (max-width: 725px) {
    .section3-quoteName {
        font-size: .9rem;
    }
    .section3-quoteAttr {
        display: none;
    }
}

@media (max-width: 1000px) {
    .section3-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section3-body {
        margin: 0 0 1rem 0;
    }
    .section3-img {
        margin: auto;
        max-height: 400px;
    }
}
@media (max-width: 400px) {
    .section3-quoteBody {
        font-size: .9em;
    }
}