.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between thumbnails */
    justify-content: center; /* Center the thumbnails */
}

.thumbnail {
    flex: 1 0 calc(25% - 20px); /* Four thumbnails per row with spacing */
    display: flex; /* Enable flexbox for centering the image */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    box-sizing: border-box;
}

.thumbnail img {
    width: 200px; /* Fixed width */
    height: 300px; /* Fixed height */
    border: 4px solid orange; /* 4-pixel orange border */
    object-fit: cover; /* Ensure images cover the area properly */
}