.gallery-container {
    width: 100%;
    max-width: 800px; /* Adjust based on your design */
    margin: 0 auto;
    overflow: hidden; /* Hides the images not currently in view */
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.gallery-wrapper {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1);
    width: 100%;
}

    .gallery-wrapper img {
        width: 100%;
        flex-shrink: 0; /* Prevents images from squishing */
        object-fit: cover;
        aspect-ratio: 16 / 9; /* Keeps a consistent shape */
    }