.grid-eca{

    display: grid;
    width: 100%;
    grid-template-areas:
    'img1'
    'texto'
    'img2';
    margin: auto;
    max-width: 800px;

}


.item1{

    grid-area: texto;
    min-width: 250px;

}

.item2{

    grid-area: img1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;

}

.item3{

    grid-area: img2;
    display: flex;
    justify-content: flex-end;
    margin-top: -60px;

}

.item2 img{
    width: 45%;
    border-radius: 50%;

}

.item3 img{
    width: 30%;

}



@media screen and (max-width: 620px) {
    
    .item2{

        margin-bottom: 15px;
    
    }

    .item3{

        justify-content: center;
        margin-top: 10px;
    
    }

    .item3 img{
        width: 45%;
    
    }
}

@media screen and (max-width: 500px){

    .item2 img{
        width: 60%;
    
    }

}