/* gallery.css */
.gallery {
    /* Grid layout: 3 images per row */
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 20px;

    /* Optional width restriction */
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.gallery img {
    /* Image dimensions and styling */
    width: 100%;
    height: 180px; /* Optional */
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    object-fit: cover; /* Image resize: cover */
}

/* On small screens: 2 images per row */
@media only screen and (max-width: 600px) {
    .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Optional zoom on hover */
.gallery img:hover {
    z-index: 9;
    transform: scale(1.3);
}