.gallery.tiled {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-top: 2em;
}
.gallery.mosaic {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding-top: 2em;
}
.gallery.masonry {
    column-count: 3;
    column-gap: 10px;
    padding-top: 2em;
}
.gallery-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* Gap between images */
    padding: 10px;
}

.gallery-item {
    overflow: hidden; /* Ensures images don't overflow out of container */
}

.gallery-item img {
    width: 100%; /* Fills the full width of the column */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Remove the space below images */
}

.gallery-section {
    width: 90%;
    margin: 0 auto;
}

/* Responsive design */
@media (max-width: 768px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */
    }
}

@media (max-width: 480px) {
    .gallery {
        grid-template-columns: 1fr; /* 1 column on extra small screens */
    }
}