#cuerpo{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #fff;
}

.parrafo1, .parrafo2{
    display: flex;
    flex-direction: row;
    flex-nowrap: wrap;
    align-items: center;
    justify-content: center; 
    margin: 1px;
    border: 1px solid #000;
   
}

.parrafo1, .parrafo2 p{
   
    text-align: justify;
    padding: 10px;
    font-size: 20px; 
}

.parrafo1 img,.parrafo2 img{
    padding: 5px;
}

/*--------tamaño para celular-------*/
@media only screen and (max-width: 700px) {
   
    .parrafo1{
    display: flex;
    flex-direction: column; 
   
    }
    
    .parrafo1 img, .parrafo2 img{
        width: 70%;
        height: 200px;
        
    }
    
    .parrafo2{
    display: flex;
    flex-direction: column-reverse;
   
    }
    
    .parrafo1, .parrafo2 p{
    font-size: 15px; 
}
    
    
    
    
    
    
}