Resizing carousel blocks on mobile view

Site URL: https://cherjamie.squarespace.com/

I tried increasing the size of the carousel image for mobile view but the images overflow into the below section.

This is the code I used:

@media screen and (max-width:767px) {
.sqs-gallery-design-strip  {
    height: 40vh !important;
	overflow: scroll;
}
}

Please advise if I'm able to increase the height of the block and not just the images?

Website: https://cherjamie.squarespace.com/

Password: Jamie

Hi,

Password is incorrect

Jamie

Did you solve it?  I am having the same problem with this code: 

Pass: Lohannequintella

http://lohanne-quintella.squarespace.com

10 hours ago, HunterD said:

Did you solve it?  I am having the same problem with this code: 

Pass: Lohannequintella

http://lohanne-quintella.squarespace.com

Hi,

Where is carousel?

Hi! It is in this section:

On 4/13/2022 at 4:24 PM, HunterD said:

Hi! It is in this section:

Try adding to Design > Custom CSS

/* Nosso studio mobile */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="625ac742ce43721fdfb05d88"] .user-items-list-carousel__media-inner {
    padding-bottom: 150% !important;
}
}

On 4/22/2022 at 4:19 AM, tuanphan said:

Try adding to Design > Custom CSS

/* Nosso studio mobile */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="625ac742ce43721fdfb05d88"] .user-items-list-carousel__media-inner {
    padding-bottom: 150% !important;
}
}

 

Thanks a lot!!!