.grid-eco{
    display: grid;
    width: 100%;
    grid-template-areas:
    'texto img1'
    'img2 img3';
    margin: auto;
    max-width: 700px;
}

.item1{
    grid-area: texto;
    margin-bottom: 15px;
    margin: auto;
}

.item2{
    grid-area: img1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.item2 img{

    width: 70%;

}

.item3{
    grid-area: img2;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.item4{
    grid-area: img3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item3 img, .item4 img{

    width: 50%;

}

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

    .grid-eco{
        grid-template-areas:
        'img1 img1'
        'texto texto'
        'img2 img3';;
        
    }

}