.person-info{

}

.person-info .left{
     width: 30%;
}
.person-info .left > img{
    width: 80%;
    margin-bottom: 3vh;
}
.person-info .left .specialities{
    gap: 0.5vh;
}
.person-info .left .specialities h2{
    font-size: 1em;
}
.person-info .left .specialities img{
    width: 3vw !important;
    height: 0.2em;
    object-fit: cover;
    object-position: center;
}
.person-info .right{
    width: 70%;
}
.person-info .right p{
   margin: 3vh 0;
    font-size: 1.1em;
    text-align: justify;
}


@media screen and (max-width: 750px) {
    .heading-wrap{
        text-align: center;
    }
    .person-info{
        flex-direction: column-reverse;
        align-items: center;
    }
    .person-info .left, .person-info .right{
        width: 80%;
    }
    .person-info .left{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .person-info .left .specialities{
        margin: 3vh 0;
        align-items: center;
    }
}