Gallery Section Titles Centered / CSS

Site URL: https://www.tlastmarks.com/home

Hi!  I'm wondering if anyone can help me with the proper code for the following, as I can't seem to get it right....

1) Center my Gallery Section Titles...my additional CSS Code for the linear gradient seems to be messing it up.  I've tried applying a display: inline property but it doesn't seem to work 😕

2) I've changed the color of this button within the site styles and for some reason it's not saving 😕. Would like it to be light blue

3) Have control over the image sizes in mobile.  I tried targeting the img{width and margin} but that didn't work 😕

Thank you so much!!!

It looks like you solved with this CSS?

.user-items-list-item-container .list-item-content__title {
    background: linear-gradient(
180deg
,rgba(255,255,255,0) 50%,#effafd 50%);
    display: inline;
    font-family: 'OxygenBold' !important;
    text-transform: uppercase !important;
    text-align: center !important;
    justify-content: center !important;
    align-content: center !important;
    color: #474747 !important;
}