LitWorld

You can try the negative margin
#block-211e952d2976fb130d89 .meta-inside { --alignvalue: -60px; margin-left: var(--alignvalue) !important; margin-right: var(--alignvalue) !important; padding: 0 !important; } Change the alignvalue until it meets your requirement
Let me know how it works on your site
Press 👍 or mark this answer as solution to help another one too

Hello!
I can actually see the banner bars on Desktop as well. If nobody has replied by tomorrow morning, I will take a look and help in whatever way I can. Apologies as I'm on a train and will soon lose connection.
Also, I like the message/objective here! Just finished building a non-profit website for a maternal and infant health organization in the Democratic Republic of Congo for a client recently and love what you've got going here. Let me know if there's anything I can do to help. Free of charge of course.
 
Best,
Daniel

Try adding to Design > Custom CSS
.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .meta .meta-description p, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow .meta .meta-description p { width: 100% !important; text-align: left; }