Solved Text and backgroud image - how to control it on mobile?

Hi!

Using youe methd I added a fullwidth text module (I wanted it to be a header). I set a backgroud image and everything looks great.

The problem is I want to control picture's height, text size and text position on tablet and on mobile, but I don't know how.

1. By setting different spacing > padding on different devices I was able to set the picture's height, but text dissapear

2. I was trying to add media query in custom css, but it was working only for tablets and for phones (Am I missing something in code?), but still can't control the text position.

The only way I could control text's position was when playing with padding while setting custom css
(advanced > customs css > main element > height: 55vh). It doesn't solve my problem, as I want decrease picture size on mobile.

Could you please help me with that?

 

Hi again,

so I have just discover 'header' module (silly me), but it still get's quite messy on mobile.
If you would have some advise, I will be gratefull.

link: http://dana.apmltd.dkonto.pl/teatr-antygona-w-krynkach/?et_fb=1&PageSpeed=off