h4 {
    color: white;
}

/* gallery */
.puppy_gallery {
    width: 100%;
    height: 100vh;
}

h2 {
    text-align: center;
}

.row{
    display: flex;
    width: 100%;
    height: 40%;
/* vertical margin */
    margin: 1rem 0;
}

.box {
    width: 100%;
    height: 100%;
    background: lightpink;
    margin: 1rem;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: end;
    background-size: cover;
}

#box1 {
    background-image: url('../images/resized/dog\ 1.jpg');
}

#box2 {
    background-image: url('../images/resized/dog\ 2.jpg');
}

#box3 {
    background-image: url('../images/resized/dog\ 3.jpg');
}

#box4 {
    background-image: url('../images/resized/dog\ 4.jpg');
}

#box5 {
    background-image: url('../images/resized/dog\ 5.jpg');
}

#box6 {
    background-image: url('../images/resized/dog\ 6.jpg');
}

#box7 {
    background-image: url('../images/resized/dog\ 7.jpg');
}

#box8 {
    background-image: url('../images/resized/dog\ 8.jpg');
}

#box9 {
    background-image: url('../images/resized/dog\ 9.jpg');
}

#box10 {
    background-image: url('../images/resized/dog\ 10.jpg');
}

#box11 {
    background-image: url('../images/resized/dog\ 11.jpg');
}

#box12 {
    background-image: url('../images/resized/dog\ 12.jpg');
}