/* Gallery Styles */
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Spacing between images */
    justify-content: center; /* Center the images horizontally */
    padding: 20px 0; /* Add some vertical padding around the gallery */
}

.gallery-item {
    flex: 0 1 calc(25% - 10px); /* Each image will take up approximately 25% of the width minus the gap */
    max-width: calc(25% - 10px);
    height: auto;
    border-radius: 5px; /* Rounded corners for images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Simple shadow for a bit of depth */
    transition: transform 0.3s ease; /* Smooth zoom on hover */
}

.gallery-item:hover {
    transform: scale(1.05); /* Zoom in effect on hover */
}