.container-2 {
    display: flex;
    gap: 24px;
    padding: 8px;
    padding-left: 0;
}

.blog {
    height: 265px;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;    
}

.specialization {
    height: 265px;
    position: relative;
    flex: 2;
    display: flex;
    flex-direction: column;


}

.profile {
    height: 265px;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;

}


.profile-logo {
    flex: 0.68;
}

.profile .bottom {
    flex: 0.32;
}

.medium img {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
}

.specialization-logo {
    flex: 0.68;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 500px;
}

.specialization .bottom {
    flex: 0.32;
}


.profile-logo {
    flex: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back {
    border-radius: 24px;
    margin-top: 10px;
    width: 82.5%;
    height: 80%;
    background-color: #FBFBFC;
    padding: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.circle {
    background-color: white;
    height: 5em;
    width: 5em;
    border-radius: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}



@media (max-width: 970px) {
    .container-2 {
        flex-wrap: wrap;
        padding: 0;
    }

    .blog {
        order: -1;
        height: 265px;
    }

    .profile {
        order: -1;
    }

    .specialization {
        height: 265px;
    }
    .specialization-logo {
        min-width: 580px;
    }
    .medium img {
        margin: auto;
    }

}

@media (max-width: 630px) {
    .container-2{
        flex-direction: column;
        height: 50em;
    }

    .blog {
        order: 0;
        height: 265px;
    }

    .profile {
        order: 0;
    }

    .specialization{
        flex: 1;
    }

}