how to make slideshow smaller

[lavly]

so I want to use two slide shows. The upper one is a large full screen, and the lower one is about 50%, 
How can I reduce the size of the slide show below
is there is any solution with custom css?

please check the preview

https://ig4mzh6fjtkgfdan-64726204648.shopifypreview.com

[websensepro]

Hi @lavly 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

slideshow-component.swiper.slideshow-wrapper.slideshow-layout--standard.slideshow-height--large.slideshow-controls-visible--yes.slideshow-controls-position--below.swiper-fade.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-watch-progress.swiper-backface-hidden {
    max-width: 50% !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[lavly]

thank you,
how about the height?

[websensepro]

@media (min-width: 768px) {
    .slideshow-height--large {
        height: 43rem !important;
        width: 50% !important;
    }
}

[lavly]

https://th0lote432duylur-64726204648.shopifypreview.com

IT WORKS ONLY ON DESKTOP
I HOPE TO IT WORK ON MOBLIE TOO

HOW TO SHOW THIS PLACE