.multi-carousel {
    position: relative
}

.multi-carousel .multi-carousel-inner {
    position: relative;
    width: 100%;
    white-space: nowrap;
    font-size: 0
}

.multi-carousel .multi-carousel-inner .multi-carousel-item {
    display: inline-block;
    width: 33.3%;
    font-size: 16px;
    transition: all .6s ease-out;
}



/*
.multi-carousel .multi-carousel-inner .multi-carousel-item img {
    max-height: 200px;
    object-fit: cover
}
*/

.multi-carousel.vertical {
    height: 350px
}

@media(max-width: 768px) {
    .multi-carousel.vertical {
        height: 150px
    }
}

.multi-carousel.vertical .multi-carousel-inner {
    height: 100%
}

.multi-carousel.vertical .multi-carousel-inner .multi-carousel-item {
    width: 100%;
    padding: 2px 0
}

.multi-carousel.vertical .multi-carousel-inner img {
    max-height: none
}

.multi-carousel.vertical .carousel-control-prev {
    width: 100%;
    height: 15%
}

.multi-carousel.vertical .carousel-control-next {
    top: auto;
    width: 100%;
    height: 15%
}

.multi-carousel.vertical .carousel-control-prev span,
.multi-carousel.vertical .carousel-control-next span {
    transform: rotate(90deg)
}