.contenedor-sobreMi{
    background-color: var(--fondo);
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.contenedor-sobreMi h1{
    
    margin-bottom: 0;
    
}

.sobreMi-texto{
    flex: 2;
}

.contenedor-sobreMi p{
    padding: 1rem;
    
     text-align: justify;
    hyphens: auto;

}



@media (min-width: 768px) {
    .contenedor-sobreMi{  
            display: flex;
         

        
    }

    .sobreMi-imagen{
        flex: 1;
    }

    .sobreMi-imagen img{

        width: 100%;
        height: 100%; 
        min-height: 80vh;
        object-fit: cover; 
        display: block;
        
        
        
        
          
    }
 
}