.portrait-image{
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-width: 370px;
}

.portrait-image-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.content-box .biography-box h2{
    margin-bottom: 10px;
}

.content-box .biography-box p{
    margin-bottom: 0px;
}

.biography-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.portrait-box{
    margin-bottom: 120px;
}

.portrait-box:nth-child(1n) .background-portrait{
    width: 300px;
    height: 300px;
    border-radius: 150px;
}

.portrait-box:nth-child(2n) .background-portrait{
    width: 200px;
    height: 200px;
    border-radius: 100px;
}

.portrait-box:nth-child(3n) .background-portrait{
    width: 140px;
    height: 140px;
    border-radius: 70px;
}

.portrait-box:nth-child(4n) .background-portrait{
    width: 220px;
    height: 220px;
    border-radius: 110px;
}

.background-portrait{
    position: absolute;
    content: "";
    background-color: var(--main-color-4);
    top : 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

/* _________ MEDIA QUERIES _________ */

@media (max-width: 768px){
    .portrait-box:nth-child(1n) .background-portrait{
        width: 210px;
        height: 210px;
        border-radius: 105px;
    }

    .portrait-box:nth-child(2n) .background-portrait{
        width: 160px;
        height: 160px;
        border-radius: 80px;
    }

    .portrait-box:nth-child(3n) .background-portrait{
        width: 140px;
        height: 140px;
        border-radius: 70px;
    }

    .portrait-box:nth-child(4n) .background-portrait{
        width: 190px;
        height: 190px;
        border-radius: 95px;
    }
}