How to keep text and button on top in mobile view of Brooklyn theme slideshow?

Store Design
1

This website is in Brooklyn theme - near the bottom I have an ‘apply for wholesale’ slideshow setup. It’s just one image with the button, but is there a way to make sure that on mobile view the text & button stay on top of the textured background? And for some reason in mobile it’s turning my copy to black instead of the teal it is on desktop.

Any suggestions?

https://babewholesale.com/

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
#HeroWrapper-slideshow .slide--1495823280244 .hero__text-wrap:before {
display: none;
}
}
3

Unfortunately, that didn’t work. Any other options I cant try?