.grid-mpde{

    display: grid;
    grid-template-areas: 
    'texto'
    'img';
    max-width: 700px;
    min-width: 200px;
    width: 100%;
    margin: auto
}

.item1{

    grid-area: texto;

}

.item2{
    grid-area: img;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.item2 img{
    width: 50%;  
}

@media screen and (max-width: 500px){
    .item2 img{
        width: 80%;  
    }
}