How can I adjust text overlay and spacing in the Debut theme?

Store Design
1

Hello,

The text in my image with text overlay section is too long on mobile and does show entirely.

Also, I think there is to much space between the title and texte in the section, how to reduce it ?

Finally, I would to change the size of both the text and the title because I think it is too large on desktop.

Here is my website: https://www.xtended.fr/

Best,

Mos

2

@Mossiah

Please add the following CSS code to your assets/theme.css bottom of the file.

@media only screen and (max-width: 749px){
.hero__inner .page-width.text-center {
    position: absolute;
    top: 40%;
    left: auto !important;
    margin-top: auto !important;
    margin-left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: inline-table !important;
}
}

Thanks!