html, body {
    margin: 0;
    padding: 0;
    background-color: black;
    overflow: hidden; /* Prevents page scrollbars */
}

#scroller-container {
    width: 100vw;
    height: 400px;
    position: relative;
    overflow: hidden; /* Clips the content of the track */
    cursor: grab;
}

#scroller-container:active {
    cursor: grabbing;
}

#scroller-track {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex; /* Aligns images side-by-side */
    /* Total width is 2x the image width */
    width: 6400px; 
    /* will-change can help performance for animations */
    will-change: transform;
}

#scroller-track img {
    width: 3200px;
    height: 400px;
    /* Prevents users from dragging the image itself */
    pointer-events: none; 
}

