.content-stage__author {
    position: relative;
    z-index: 1;
}

.content-stage__author > .container {
    position: relative;
    z-index: 1;
}

.content-stage__author > .container > .pull-left.pull-right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 20px;
    z-index: 0;
}

.content-stage__author-background {
    position: absolute;
    inset: 0;
}

.content-stage__author-background picture {
    position: absolute;
    inset: 0;
}

.content-stage__author-background picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.content-stage__author-content {
    position: relative;
    padding: 8vw 0;
}

.content-stage__author-text .headline,
.content-stage__author-text .headline .subline {
    margin-top: 1rem;
}

.content-stage__author-text .btn::before {
    font-size: 1.2rem;
    margin-right: 7px;
}

.content-stage__author-image {
    width: 180px;
    border-radius: 50%;
    border: 8px solid #fff;
}

.content-stage__author-buttons {
    max-width: 200px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* --- PHONE (SM) --- */
@media (min-width: 576px) {

    .content-stage__author-buttons {
        max-width: none;
    }

}

/* --- TABLET (MD) --- */
@media (min-width: 768px) {

    .content-stage__author-image {
        width: 200px;
    }

}

/* --- DESKTOP (LG) --- */
@media (min-width: 992px) {

    .content-stage__author-image {
        width: 250px;
        border: 10px solid #fff;
    }

}

/* --- DESKTOP (XL) --- */
@media (min-width: 1200px) {


    .content-stage__author-background picture img {
        object-position: top;
    }

}

/* --- DESKTOP (XXL) --- */
@media (min-width: 1440px) {

    .content-stage__author-content {
        padding: 40px 0;
    }

    .content-stage__author-text .headline {
        margin-top: 2rem;
    }

}