.carousel-container {
    /*
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    background-color: transparent;
    overflow: hidden
    */
    max-height: 450px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: max-width .5s ease-out; /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out; /* FF4+ */
    -ms-transition: max-width .5s ease-out; /* IE10? */
    -o-transition: max-width .5s ease-out; /* Opera 10.5+ */
    transition: max-width .5s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .carousel-container img {
        width: 100%;
        -webkit-transition: margin-top .5s ease-out; /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out; /* FF4+ */
        -ms-transition: margin-top .5s ease-out; /* IE10? */
        -o-transition: margin-top .5s ease-out; /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
    }
     

.slider-container {
    position: relative;
}

.image-of-list {
    margin: 10px;
}

.carousel-cell {
    width: 50%; /* half-width */
    height: 160px;
    margin-right: 10px;
    overflow: hidden;
}