How do I "truly" center text in mobile for a summary block?

Site URL: https://rwspresents.com/shows

Hi,

I would like to have the excerpt text actually center justified in mobile view, and the code I was provided isn't quire doing it properly.. Take a look at the screenshot below or visit: https://rwspresents.com/shows on mobile or under 640px

This is what I'm using to center justify the block, but for some reason the individual titles are justifying as well...

// center justify on mobike //
@media screen and (max-width: 640px) {
h1, h2, h3, p { 
   text-align: center !important;
}
.sqs-block-button * {
    text-align: center !important;
  }}
// center summary block mobile //
@media screen and (max-width:640px) {
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
   width: 100% !important;
}
}

Hi,

I see all already centered