7.1 List Carousel Size on Mobile

Site URL: https://www.shineplano.org/

Hi all! I'm working with a theater and we're displaying upcoming shows with a List Carousel, but it looks terrible on mobile (see screenshots). I'm fine with one show being displayed at a time, but any suggestions for code to widen the card size on mobile?

Gated page password is Shine!

Thank you in advance!

- Lauren

Add to Design > Custom CSS > then save & reload the site

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="627d6e8c600d7803d4acc538"] .user-items-list-carousel__gutter {
    padding: 10px !important;
}
}