.slider-container {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: calc( 600px + (var(--main-padding) * 2) );
    padding:var(--main-padding);
}

.slider-container ul {
    height: 100%;
}
.slider-container li {
    flex-shrink: 0;
    height: 100%;
    display: inline-block;
}
.slider-container img {
    height: 100%;
    width: auto;
    border-radius: 1.4em;
    border: 1px solid #ccc;
    margin-right: 1em;
}