.slider-wrapper {
    /* cannot have height, width, or a border */
    position: relative;
    overflow-x: hidden;
}

.slides-container {
    /* cannot have height, width, or a border */
    display: flex;
    list-style: none;
    margin: auto;
    padding: 0;
    overflow: scroll;
    scroll-behavior: smooth;
    /* hide the scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.slides-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.slide {
    /* must have height, width, but no border */
    flex: 1 0 100%;
}