body {
    background-color: black;
    height: 100vh;
    width: 100vw;
    margin: 0rem;
    overflow-x: hidden;
}

body::-webkit-scrollbar{
    width: 0.30rem;
}

body::-webkit-scrollbar-track{
    background: rgb(26, 26, 26);
}
body::-webkit-scrollbar-thumb{
    background: #66498B;
}
.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}


.image-track-container{
    display: flex;
    position: relative;
    padding-top: 70vh;
}

#image-track{
    display: flex;
    gap: 4vmin;
    position: absolute;    
    transform: translate(0%, -50%);
    top: 50%;
    left: 30%;
    padding: 3vmin;
    background-color: rgba(41, 41, 41, 0.404);
}

#image-track > .image{
    width: 40vmin;
    height: 56vmin;
    object-fit: cover; 
    object-position: 100% 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    cursor: pointer;
}

#image-track > .image:hover{
    border: 2px solid #f0f0f09e;
}

.gallery-container{
    display: flex;
    flex-direction: row;
    
}

#image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 4vmin;
}

#image-gallery > .image{
    width: 30vmin;
    height: 40vmin;
    object-fit: cover; 
}