Alignment and disappearing elements issues

Ok, here’s another one I need help with, please…
I have a slider set up with text on top of each slide.
In the designer, they show up just fine:

But once I preview…

And then on mobile it’s even worse… I need the blue section to span the entire width of the page, and the title to be centered. But somehow the slide text IS showing! Lol I don’t get why.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)