.section1{
    display: flex;
    margin-bottom: 3rem;
    margin: 4rem;
    
}
section{
    padding: 5% 20%;
    display: flex;
}
@media screen and (max-width: 768px){
    section{
        padding: 5% 5%;
    }
}    


.left{
    flex: 1;
    text-align: center;
}
.left1{
    text-align: center;
    padding-right: 20%;
}
.mid1, .mid2{
    text-align: center;
    flex: 1;
}
.right{
    text-align: center;
    flex: 1;
    vertical-align: middle;
    
}
.profile{
    height: 28rem;
    margin-top: -10rem;
    object-fit: cover;
}
.highlightedsection{
    background-color: rgb(233, 233, 233);
}