Reducing background image and carousel heights on mobile

Site URL: https://kristelandnic.com/

I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. 

@tuanphan you probably might know how to resolve this. 

Thanks in advance!!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5ea608f7cffe7b1a43965b2d"] {
    min-height: 30vh !important;
}
}

I'd like this to work for me too. But I get a #collection value, not data section id. Is that why I can't get the code to work?

Thanks!

4 minutes ago, martelil said:

I'd like this to work for me too. But I get a #collection value, not data section id. Is that why I can't get the code to work?

Thanks!

Never mind – found it:)