Parallax images not resizing for mobile

Hello! Thanks for a great theme :slight_smile: Just have to ask: Im having a problem with the parallax images on mobile device. They are remaining full size and not responsive. Takes forever to load and you have to scroll for ages to get to the bottom of them. Ive tried activating the Jetpack Mobile Theme to no avail [deactivating/reactivating] and I have tried adding Additional CSS but neither has had any effect on the mobile images.

Heres the site– http://www.revelcoffeeandcycle.com
Can anyone help please? Ive been looking around the forums and trying different things for hours now!

This is the code I added: (I’ve since commented out all the codes I’ve tried and failed)
@media (max-width: 760px){
#shapely_home_parallax-1 .parallax-window.fullscreen {
background: url(“http://revelcoffeeandcycle.com/wp-content/uploads/2017/03/polarfullsize.png”) no-repeat #fff;
background-size: 100%;
height: 69vh;
}

#shapely_home_parallax-1 .parallax-window.fullscreen .align-transform{
top: 25%;
}
#shapely_home_parallax-1 .cover.fullscreen{
height: auto !important;
}
}

When I view on the desktop the images are responsive, but not on the mobile-ive tried clearing the cache and deactivating/reactivating all my plugins and resizing the parallax images down to 600px but nothing is working to get these images responsive for me…please help!

Hey,
does anyone have a fix for this please?
I really am lost on how to get these images working and its really affecting the site if i cant get it mobile responsive…
Please help!

@movin and @laranz please help!