.photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 200px);
    /* You can adjust the height as needed */    
    padding: 20px;
}

.photo-grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.photo-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.gallery{
    margin-top: 100px;
}
.gallery-header{
    display: flex;
    justify-content: center;
}
.gallery-header h1{
           color: white;
}
@media only screen and (max-width:600px) {
.photo-grid{
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 270px);
    row-gap: 20px;
}
}
/*@media only screen  and (min-width:600px)and (max-width:1000px) {
    .photo-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 350px);
        width: 100%;
        row-gap: 20px;
    }
}*/