.bio-section{
    margin: 7% 10%;
}
.bio-text{
    text-align: justify;
    font-size: 1.2em;
    line-height: 42px;
}
.bio-pic-right{
    height: 550px;
    float: right;
    margin: 100px 0 100px 50px;
    shape-margin: 5px;
    /* background-image: url("../img/bioPic.jpg");
    border-bottom-left-radius: 50% 25%;
    border-bottom-right-radius: 50% 25%;
    border-top-left-radius: 50% 25%;
    border-top-right-radius: 50% 25%; */
    shape-outside: ellipse(150px 300px at 50% 50%);
}
.bio-pic-left{
    height: 550px;
    float: left;
    margin: 100px 50px 100px 0;
    shape-margin: 5px;
    shape-outside: ellipse(150px 300px at 50% 50%);
}
@media screen and (max-width: 900px){
    .bio-section{
        margin: 5% 10%;
    }
    .bio-text{
        text-align: justify;
        font-size: 1.2em;
        line-height: 30px;
    }
    .bio-pic-right{
        height: 250px;
        float: right;
        margin: 50px 0 50px 25px;
        shape-margin: 5px;
        shape-outside: ellipse(250px 150px at 100% 50%);
        display:none;
    }
    .bio-pic-left{
        display: none;
    }
}