Use a reel slideshow on desktop, and simple slideshow on mobile

Site URL: https://www.alecleibsohn.com/

Hello! I'd like to display a full bleed reel slideshow when on desktop, but use a simple slideshow (so the photos aren't cropped / zoomed) when on mobile. Using photos from the same gallery. Is this possible? Thanks. 

You can place 2 slideshow, then we will give the code to show 1 on mobile, show 1 on desktop

I would like to do this on my site, on this page I want to use the slideshow: reel for desktop, and slideshow: simple for mobile.

Both slideshows are currently on the page.

URL: https://star-caterpillar-ej7s.squarespace.com/digital/illustrations

PW: squarespace

@tuanphan could you take a look at this when you have time ^ thanks! 

section[data-section-id="6108bec0e3a3c73804194bf7"] {
    display:block;
}
section[data-section-id="61258a40711e8b5459fb0271"] {
    display:none;
}

@media screen and (max-width: 768px) {
    section[data-section-id="6108bec0e3a3c73804194bf7"] {
        display:none;
    }
    section[data-section-id="61258a40711e8b5459fb0271"] {
        display:block;
    }
}

You can add this to your Custom CSS in the design menu. these data-section-id are the ids for your two sections. (I found them using the squarespace ID finder, you can also look them up in teh source of the webstie). 

• The first two turn the section on (block) and off (none) for the desktop version
• the second two kick in when the width is up to 768px (iPad width), and invert that pattern

this should help you.