.gallery-container {
    width: 90%; /* Adjust as needed */
    max-width: 1200px; /* Max width of the gallery */
    margin: 0 auto; /* Center the gallery */
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent images from wrapping */
    padding: 10px 0; /* Add some vertical padding */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #fff;
    scroll-behavior: smooth; /* Smooth scrolling effect */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
    background-color: #c81887;
}
.topbar {

}
.gallery-scroll-wrapper {
    display: inline-block; /* Make the wrapper fit content horizontally */
}

.gallery-container img {
    height: 200px; /* Set a fixed height for all images */
    width: auto; /* Maintain aspect ratio */
    margin: 0 10px; /* Space between images */
    border-radius: 5px;
    object-fit: cover; /* Cover the area, cropping if necessary */
    transition: transform 0.3s ease-in-out;
}

.gallery-container img:hover {
    transform: scale(1.05); /* Slightly enlarge images on hover */
}

/* Scrollbar styling (optional, for better aesthetics) */
.gallery-container::-webkit-scrollbar {
    height: 8px;
}

.gallery-container::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 10px;
}

.gallery-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.gallery-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}