how to center button which is part of image subtitle text on mobile view ONLY

Site URL: https://www.jasmine-noronha.com/about

hello! trying to center the "contact" button on mobile view only. please note that this button is embedded in the subtitles of the image. see photos attached for reference. is there a code that will allow me to do this?

any help would be greatly appreciated.

thanks!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1594303622143_10863 {
.image-button-inner {
    text-align: center !important;
    width: 100%;
}
.image-card {
    width: 100%;
}
.image-subtitle-wrapper {
    width: 100% !important;
}
}
}

@tuanphan amazing - thanks! is there a way to make the "cv available upon request" centered as well?

On 9/3/2020 at 10:10 PM, jasmine_noronha said:

@tuanphan amazing - thanks! is there a way to make the "cv available upon request" centered as well?

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1594303622143_10863 p:last-child {
    text-align: center !important;
}
}