My adjustments on mobile version of site are changing the desktop version

Hi there, we are having an issue with the large photo slider gallery at the top of our website on the mobile version the height of the gallery is too tall so the images are cut off very narrow. We want to leave the height of the gallery on large for the desktop view and change it to small for mobile but when we change one it affects the other. How can we fix this issue with the responsive design? The gallery block does appear to be fluid engine already because there is no upgrade button at the top left.

Thank you for your help!

Can you share your website URL? Thanks!

@Ziggy  You bet, thank you!

https://www.archetypekitchens.ca/

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}