Help with centering list section content on mobile

Site URL: https://trombone-gardenia-jrca.squarespace.com/

Hi, I'm trying to find code to center the list title, description, and button on mobile on my website's homepage. No matter what I try, it won't center all the way. Website password is 1234. Thank you!!

Add to Design > Custom CSS

/* Mobile - Center upcoming events */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62f2f901f2082e38c04b5d2b"] * {
    text-align: center !important;
}
}