.sobre{

    display:flex;

    align-items:center;

    gap:60px;

    padding:100px clamp(20px,8vw,80px);

    background:white;

}



.sobre-imagem{

    flex:1;

}


.sobre-imagem img{

    width:100%;

    max-width:450px;

    border-radius:25px;

}



.sobre-texto{

    flex:1;

}



.sobre-texto h2{

    font-size:clamp(2rem,4vw,3rem);

    color:#6A4E42;

    margin-bottom:25px;

}



.sobre-texto p{

    font-size:20px;

    line-height:1.8;

    color:#555;

}



@media(max-width:768px){


    .sobre{

        flex-direction:column;

        text-align:center;

    }


}