header {
    text-align: center;
}
.gallery {
    width: 100%;
}
.row{
    display: flex;
    justify-content: center;

    width: 100%;
    height: 30vh;
}

.thumbnail {
    width: 23%;
    margin: 4px;
    background-size: cover;
    background-position: top;
}
.gallery {
    display: flex;
    flex-direction: column;
}



/* Imgaes */
#img1 {
    background-image: url('../images/img1.png');
}
#img2 {
    background-image: url('../images/img2.png');
}
#img3 {
    background-image: url('../images/img3.png');
}
#img4 {
    background-image: url('../images/img4.png');
}
#img5 {
    background-image: url('../images/img5.png');

}
#img6 {
    background-image: url('../images/img6.png');
}

#img7 {
    background-image: url('../images/img7.png');
}

#img8 {
    background-image: url('../images/img8.png');
}

#img9 {
    background-image: url('../images/img9.png');
}

#img10 {
    background-image: url('../images/img10.png');
}

#img11 {
    background-image: url('../images/img11.png');
}

#img12 {
    background-image: url('../images/img12.png');
}