Resize the banner slideshow specifically for mobile devices

Site URL: https://www.latinstoriesaustralia.com/

Hi There,

I need assistance with resizing the slideshow banner specifically for the mobile version.

The desktop version looks good, but on mobile devices, the images are cropped and appear too small in height. I'd like to increase the height on mobile.

If anyone could assist me, I would greatly appreciate it.

Thank you!

It shows fullsize to me

@tuanphan Thanks for reply. The image appears full-size on mobile, but it's too small, particularly in terms of height. I would like to increase the height slightly more.

On the Projects page, below is a preview of how it appears on mobile. ( Certainly, I don't require it to be as large as that. )

I would appreciate your assistance in increasing the size of the homepage banner on mobile devices. It's acceptable if the image gets cropped, but please ensure that the text remains on the left side.

Thank you once again for your assistance.

You can use this to Website > Website Tools > Custom CSS
 

@media screen and (max-width:767px) {
section#home-banner, section#home-banner .Index-gallery-wrapper.gallery-root {
    height: 350px !important;
}
section#home-banner img {
    left:0 !important;
}
}

@tuanphanThank you very much for your help!