Bigger Image in Carousel Mobile

Hello everyone, 

I have an issue with a Carousel Block on my website, 

Desktop Mode looks fine :

But I expected the Mobile Version to be wider .
I wanted the "card' to take all of my screen height…

Can i accomplish that with CSS? 

Thank you ! 🙂 

Can you share your website URL?

Yes sure ! Sorry

https://havery.studio

Hello @Ziggy ! 

Do you know if it's possible? 

Thank you 🙂

Try this Custom CSS:

@media only screen and (max-width:767px) { 
  #block-yui_3_17_2_1_1690790463207_390758 {
    .sqs-block .sqs-intrinsic {
      position: relative !important;
      padding-bottom: 100% !important;
    }
  }
}

Sadly, it didn't work… 

It didn't change a thing !
but thank you anyway 🙂

Does anyone have any idea on how to achieve this, please? 🥺

Thank you 🙂 

Hello @Ziggy !

If needed i can send a PayPal !

Can you try this CSS, not 100% it'll work:

@media only screen and (max-width:767px) { 
  #yui_3_17_2_1_1691742915526_140 {
    padding-bottom: 100% !important;
  }
}

Once again, the Squarespace Wizard @Ziggy did it.
Thank you so much 🙂