Image slide show is too big on mobile

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

Hello,

I'm trying to get the image slide show on my homepage to fit the page on mobile,

it currently cuts off 3/4's of the image by making it vertical is there any way to make the images fit horizontally

any help would be greatly appreciated!

Thanks,

Julian C.

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
article.sections #wm-slider-container.first-section {
    height: 40vh !important;
}
}

Awesome Thanks for the Help!!!

But now my arrows are at the bottom of the photos and, I have this weird large gray area.

is there anyway to move the images down beneath the header bar and also get rid of the gray area below the photos?

Thanks, Julian C.

@media screen and (max-width:767px) {
#wm-slider-container .slide-btn {
    top: 50%;
    transform: translateY(-50%);
}
}

Awesome thanks now how do I get the bottom light gray part to go away?

Thanks,

Julian C.