Mobile View : Container with text OVER image

Store Design
,
1

Hello - I am trying to find a code so the container box with text overlays the black polka dots on mobile (as it looks on desktop)

*I do not want to select “hide container on mobile” because the text is not legible over the background photo without the white container.

2

desktop.png
desktop.png1626×533 68.6 KB

mobile.png
mobile.png632×772 38.5 KB

3

Hi,

Can you share your store URL please to be able to help you

4

pw reefru

5

Any advice?

6

Solved thanks to Dan-From-Ryviu

(I did edit padding a bit from his original code)

@media (max-width: 749px) {
.banner__box {
background: #fff;
padding: 8px;
margin: 6rem 2.5rem;
}
}