.grid-container img{
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.grid-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}

#footer{
    margin-top: 50px;
}

@media (max-width: 1200px){
    .grid-container{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 800px){
    .grid-container{
        grid-template-columns: 1fr 1fr 1fr;  
    }
}
@media (max-width: 600px){
    .grid-container{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 400px){
    .grid-container{
        grid-template-columns: 1fr;
    }
}