List Carousel Left Text – Right Image

#1. First, you need to change List Carousel to 1 Column.

#2. Next, find ID of Carousel.
In my example, we will have: section[data-section-id=”66fdffe11312fe336b2ab908″]

#3. Next, use this code to Website Tools > Custom CSS

@media screen and (min-width:768px) {
section[data-section-id="66fdffe11312fe336b2ab908"] {
li.user-items-list-carousel__slide.list-item {
    flex-direction: row-reverse;
    align-items: center;
}
li.user-items-list-carousel__slide.list-item .list-item-content {
    margin-right: 20px;
}
.user-items-list-carousel__arrow-positioner {
    padding: unset !important;
    position: static !important;
}
.user-items-list-carousel__arrow-icon-holder {
    height: 100% !important;
    position: static !important;
}
button.user-items-list-carousel__arrow-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
ul.user-items-list-carousel__slides.user-items-list-carousel__slides--initialized {
    max-width: 90%;
    margin: 0 auto;
}}}

#4. Result