.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust the minmax value to control the size of the grid items */
    gap: 15px; /* Space between grid items */
}

.gallery-grid .gallery-item {
    overflow: hidden; /* Prevents overflow for images */
    border-radius: 8px; /* Optional: adds rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Optional: adds shadow for a slight elevation effect */
}

.gallery-grid .gallery-item img {
    width: 100%; /* Makes the image take full width of the item */
    height: 100%; /* Ensures the image covers the height of the item */
    object-fit: cover; /* Ensures the image covers the area without distorting */
    display: block; /* Ensures no extra space below images */
}