Looking for help with captions cutting off in galleries for mobile css I found on forums hasn't worked

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

Hello! I've been scouring the forums looking for the solution and tried all the css lines I found and none of them have worked so far for my website (about 20 different solutions given to others) . 

The captions under the images run off the box and don't wrap around. I'm at a complete loss and considering removing all css concerning galleries because I don't know what else to do.

My website is: https://www.ericklistman.com and this is under Portfolio-Paintings

Thank you to anybody who might have a solution. Here is an image of what it looks like:

SOLVED: 

White space pre wasn't wrapping, you need to use white-space:pre-wrap (or another one of the white space versions- you can find them easily once you know to look for them). I'll leave this here in case anybody else that's new to css runs into this issue. I don't know css so it took me a good chunk of my day to find the solution.

//Gallery Captions
.gallery-caption {background:#09272A; }
.gallery-caption p {white-space:pre-wrap;text-align:center; padding-left:.5rem; padding-right:.5rem}