Padding on Mobile View for Carousel List

Site URL: https://www.thechapelbr.com/weekly

Hi all,

I just redesigned a page to have a carousel list feature which looks really good on the desktop but has this weird side padding on the mobile. It appears that it is outside of the content itself (i have removed all padding in the settings Squarespace provides). I am try to get rid of this so it isn't so vertical. Can anyone help please?

Thank you in advance,

Rachel

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

@media screen and (max-width:767px) {
[data-section-id="62b21b0806199701cd0b8237"] .user-items-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

You are amazing. Thank you so much!!