Custom code to make blog image titles and descriptions appear on mobile?

I need blog image titles and descriptions to display on mobile devices in the same way they do on desktop. By default, they don't display on devices 480px or less in width. Squarespace support has said this is possible with custom code but they can't provide that code for whatever reason. I've also been unsuccessful finding the code by googling.

Anyone here have the abilities to create that code? I'd be incredibly grateful. The site, if you want to check it out, is www.downtownnorcal.com

Can you take screenshot? I can still see title & description

Sure, I've attached an image of the blog, on mobile, showing captions in landscape mode, and another shot of portrait mode without captions:

@WRG34 Add to LAST LINE in Home > Design > Custom CSS

@media only screen and (max-width: 480px) {
.sqs-gallery-block-slideshow .meta {
   display: block !important;
   opacity: 1 !important;
}}

@tuanphan you are a legend! That's absolutely fantastic. Do you have any way I can give you a little tip or donation for helping out?

@WRG34 You're welcome. You can send a donation to my paypal. Thank you :D

In addition, I am writing a 2000+ CSS article series for 80 Templates on Squarespace. If you are interested, you can leave an email, I will send when it is completed ;)

I've just sent you a little tip - I hope that will buy you a beer in the area you live. I'm ok on the CSS for now, but thanks for your help! Take care.

@WRG34 I received. Thank you (y)