/*      -- Gallery Styling --        */

#imageSlider {
    margin-top: 4rem;
    max-width: 100%;
    overflow: hidden;
    height: 100vh;
    display: flex;
    align-items: center;
}

.gallery>.image {
    width: 40vmin;
    height: 56vmin;
    object-fit: cover;
    object-position: 50% center;
}

#first {
    margin-left: 2vmin;
}

.gallery {
    display: flex;
    gap: 4vmin;
    transform: translate(0%, -50%);
    user-select: none;
    align-content: center;
}