Captions cut off in mobile view only

Site URL: https://www.marianaveme.com/

Hi, I currently have some custom CSS added to my gallery grid on the home page, with four images each with a corresponding caption. It looks fine on desktop but in mobile view, the words get cut off at the bottom. I tried adjusting the margin % (code below) but it would mess up the formatting of the gallery in desktop view. Specifically, anything over -25% will make the gallery overlap with the footer. Please see code below (thank you in advance for any help):

.gallery-caption p{text-align:center} 

.gallery-caption p{font-size:2rem!important}

.gallery-caption {margin-top: -25%}

.gallery-caption p{color:white!important}

Hi. It looks fine here. Do you still need help?

Also, you haven't changed SEO Title show it still shows "Blog 2"

https://www.marianaveme.com/blog?category=Interviews