Slide Image not responsive for mobile / tablet

[nathanc1]

Hello, my slider image works fine for desktop version, however when I try to test it below < 1300 px for some reason the image doesn’t scale with the viewport and goes out of screen..

Website URL : https://thepawsoutlet.com/

Desktop version :

Lower Resolutions

Mobile Version:

[KetanKumar]

@nathanc1

oh sorry for that issue can you try this code

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

media screen and (max-width: 749px) {
.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
height: 18rem !important;
}
}

[nathanc1]

@KetanKumar

Still didnt work