make the carousel on mobile larger

Hi, on mobile, the carousel is too small and trying to show three small images. Can I make this larger so that it only shows One image at a time on mobile so it is visible? Like full length/hight of the image on mobile sreen.

Thank you

site url: https://www.sunlitdreamers.com/life-blog

Try adding this to the Custom CSS on your website:

@media only screen and (max-width:768px) {
  #block-yui_3_17_2_1_1668942283583_48157 {
    padding-bottom:60%;
  }
}

Hope that helps!

thank you for your help! though that didnt do anything, hmmm... 
I even tried this code:

@media screen and (max-width:767px) {
#block-yui_3_17_2_1_1668942283583_48157{
    .sqs-gallery-design-strip {
      overflow: visible;
      height: 200%;
    }
}
}

which made it bigger but not full width/or full size. I would really like something like this here: https://www.infiniteecreators.com/visual-blog

when you open it on mobile version its nicely full screen gallery that you can scroll. 

hmm, what does that mean? Do I have that available on my template or my version? 

Oh, I see that now. Just trying to set it for Slideshow Reel. Though I think I'll manage. 
Thank you so much again! 🙂

Yay I got it. Oh, exactly what I wanted! gosh, so simple. Thank youuu! 

2 minutes ago, livhlacova said:

gosh, so simple. Thank youuu! 

I love a simple solution!