Resizing carousel images on mobile

Site URL: http://ibisette.com/portfolio/portraits

Hi when displayed on mobile there's a lot of blank space above and below my images. It also crops them. I tried a couple codes, but none worked.

Ibisette.com/landscapes has the same issue, just as my other galleries, I only disabled autoplay on /portraits

I see fine here. Can you take screenshot of blank space?

Hi thank you for your reply, 

So what I mean is (especially the portrait photo's, not landscape mode ones) are appearing pretty small on the screen. I would love them to be bigger on mobile cause like this they are really too small to really be pretty to see. there's blank space on the left and the right of the image. 

thank you for your reply once again I've been trying loads of codes none work . 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.sqs-active-slide img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
.sqs-gallery-design-stacked-slide {
    overflow: hidden;
}
}

Hi I'm sorry it's not totally solving it, now it only shows a small part of the image 

I am going to remove the code from the site just a moment cause it's not good for clients to see my site like that