.container {
    display: grid;
    grid-template-columns: 1fr 1fr;    
    justify-content: center;
    align-items: center;
    padding: 3em;
    
}



@media screen and (max-width: 800px) {
.container {
display: flex;
flex-direction: column-reverse;
height: 100%;
text-align: center;
align-items: center;
margin: 2rem 0;
}


}