.grid-me{
    display: grid;
    width: 90%;
    grid-template-areas: 
    'texto img3d'
    'galeria galeria';
    margin: auto;
}

.item1{
    grid-area: texto;
}

.item2{
    grid-area: img3d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item2 img{
    width: 100%;
}

.item3{
    grid-area: galeria;
}



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

    .grid-me{
        width: 100%;
    }
    
}



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

    .grid-me{
        grid-template-areas:
        'img3d'
        'texto'
        'galeria';

    }

    .item2 img{
        width: 60%;
    }
    
}


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

    .item2 img{
        width: 70%;
    }
    
}