Full width slider on smartphone cuts text

Hello!!

So I am displaying a text in a fullwidth slider, which works fine on a desktop screen but cuts off the text on smartphones. I did check in the forum for solutions and found this code:

@media only screen and (max-width: 768px) {
.slideshow_caption { padding: 20px; }}
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px !important;
}}

@media only screen and (max-width: 768px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
height: 1000px !important;
}
}

.av_slideshow_full li img {
width: 150% !important;
max-width: 150% !important;
margin-left: -25%;
}

I changed it a bit and it does kinda work but now it still cuts off a little bit of the text. How can I tweak that?

Thank you!