#photo-gallery-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    justify-content: center !important;
    box-sizing: border-box !important; /* Ensure correct box model */
    width: 100% !important; /* Take full available width within parent's padding */
    max-width: 960px !important; /* Cap the max width */
    margin: 40px auto !important; /* Center horizontally with vertical margins */
    padding: 0 !important; /* Remove internal padding on container, let items handle spacing if needed */
}

@media (max-width: 1024px) { /* Adjust breakpoint for larger screens with 3 columns */
    #photo-gallery-container {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 columns on medium screens */
    }
}

@media (max-width: 768px) {
    #photo-gallery-container {
        grid-template-columns: 1fr !important; /* 1 column on small screens */
        gap: 18px !important;
        padding: 0 8px !important;
    }
}