debut theme - banners are not responsive for mobile

[Motag]

Site https://www.motag.com 

The banners are full width on desktop from one end of the screen to the other. However, the Debut theme is not responsive; the images don't scale to size to fit mobile view. I've seen solutions for this but it does not work for the current Debut theme code. 

On desktop 

and on mobile  

 

 May someone help me with this please? 

[KetanKumar · Accepted solution]

@Motag 

can you try this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.slideshow--medium {
    height: 130px;
}
.hero--medium {
    height: 115px;
}
}

[Motag]

amazing it worked! thank you so much sir. 

[KetanKumar]

@Motag 

its my pleasure to help 

[G_B]

Hi,

i am having the same problem with my banner (Theglambassadors.com), I’ve tried the suggested code but it isn’t t accepting it. It’s just displaying  the  code at the bottom of my site as text. My theme is debut. Any suggestions I can try please? 
thank you!