#gallery-container {
    position: relative;
    width: 100%; /* Adjust based on your design needs */
    margin: auto; /* Center the gallery */
    overflow: hidden; /* Hide parts of the image that overflow the container */
    height:56vh;
}

#image-slider {
    display: flex;
    align-items: center; /* Align images vertically */
    transition: transform 0.5s ease;
}

#image-slider .wrapper {
    /* Styles as previously defined */
    flex: 0 0 auto; /* Ensure wrappers do not stretch */
    width:100%;
    text-align: center;
    background-color: black; height:65vh;
}

#image-slider img {
    max-height:90%;
    width:auto;
    object-fit:cover;
}

#fullscreen-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    /* Style your icon as needed */
}

#gallery-container > button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,0.3);
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 2;
    height:80px;
}

#gallery-container > button:hover {
    background-color: rgba(255,255,255,0.8);
}

#gallery-container > button#prev {
    left: 0;
}

#gallery-container > button#next {
    right: 0;
}