Hero Image Carousel Resizing

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

Hi does anyone know how to re-size the hero gallery carousel on the homepage? It takes up too much of the screen and I want to make it smaller, and the images do not resize on mobile. 

www.pregappetit.com

Thank you!!

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
section#hero-images img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
section#hero-images, section#hero-images>div {
    min-height: unset !important;
    height: 240px !important;
}
}