Difficulty with customizing CSS for PC and mobile

Difficulty with customizing CSS for PC and mobile

Friends of DJ, I use DJ-ImageSlider with Joomla4 and I went to customize it and I noticed that there is a part of the modifications that can be done by the admin of the module and the rest in the CSS file.

website: iacceara.org.br

See the attached images, you notice that there is a conflict with the Display class: inline and the distance of the slide title with the description and menu button.

Another problem is the mobile view that completely unconfigures, I only modified these css:

.slide-desc-text-default { /*kr*/
position: relative;
color: #fff;
padding: 15px 15px 5px;
text-align: left;
font-size: 0.9vw;
line-height: 1.1em;
}
.slide-desc-text-default .slide-title { /*kr*/
font-size: 1.8vw;
display: inline;
line-height: 1.2;
text-transform: uppercase;
color: #fff;
/*text-shadow: black 0.1em 0em 0.2em;*/
background-color: #026f35;
margin-bottom: -10px;
font-weight: 800;
border-radius: 8px;
padding: 6px 15px 5px 15px;
}

.slide-desc-text-default a.readmore { /*kr*/
float: left;
/*text-shadow: black 0.1em 0em 0.2em;*/
font-size: 1.1vw;
margin-bottom: 10px;
margin-top: 1vw;
background: #7ba200;
font-weight: 600;
padding: 8px 8px 4px 8px;
border-radius: 5px;
}

Could anyone help me adjust or give me tips on how to do this?

Thank you so much for the wonderful extension.
    Rozszerzenia dla Joomla 4: DJ-MegaMenuDJ-TabsDJ-MediaToolsDJ-ImageSliderDJ-WebP