/* --------------- CONTENT AREA ------------- */
#content{
    display:grid;
    grid-template-columns: repeat(1, 1fr); /*no. of cols, 1fr=equal size*/

    grid-template-areas: 
    "img1  "
    "img1  " ;
}

#content> :nth-child(1){
   grid-area: img1;
}


@media (min-width:500px){

}

@media (min-width:900px){
    #content{
        grid-template-columns: repeat(3, 1fr); 
        grid-template-areas: 
        "img1   img1       empt"
        "img1   img1   empt"
        ;
    }

}

/* --------------- END CONTENT AREA ------------- */