.about-home {
margin-top: 1rem; 
margin-bottom: 1rem;
}

.about-section2 {
padding-top: 3rem !important;
}

.therapist-img-wrapper {
max-width: 100%;
max-height: 50%;

width: auto;
height: auto;
margin-top: 5rem;
}

@media screen and (max-width: 768px) {
    .therapist-img-wrapper {
        width: 100%;
        max-width:50% !important;
        height: 20rem;
        margin-top: 5rem;
    }

    .therapist-name {
        margin-top: 1.5rem;
    }

    .hero-content {
        margin-top: -3.5rem;
    }

    .main-title {
        text-align: center;
        font-size: 2rem !important; 
    }

    .hero-wrapper {
        margin-top: -7rem;
    }
}