.grid-container {
    display: grid;
    grid-template-columns: 40% 60% ;
    grid-gap: 10px;
//background-color: #2196F3;
    padding: 10px;
    margin-top:15px;
    margin-right:auto;
    margin-left:auto;
    width:70%;
}

.grid-container > div {
    border-color: #d6d6d6;

    border-style: solid ;
    border-width: 2px ;
    text-align: left;
    padding: 20px;
    margin-top:15px;

}

.item1 {
    grid-column: 1 / 2;

}

.item2 {
    grid-column: 2 / 3;
}

.list_image {

    min-width: 300px;

}




@media screen and (MAX-width: 681px) {


    .grid-container {
        display: grid;
        grid-template-columns: 100% ;
        grid-gap: 10px;
    //background-color: #2196F3;
        padding: 10px;
        margin-top:15px;
        margin-right:auto;
        margin-left:auto;
        width:70%;
    }

    .grid-container > div {
        border-color: #d6d6d6;

        border-style: solid ;
        border-width: 2px ;
        text-align: left;
        padding: 20px;
        margin-top:15px;

    }

    .item1 {
        grid-column: 0 / 1;

    }

    .item2 {
        grid-column: 1 / 2;
    }

    .list_image {

        min-width: 100%;

    }



}