Hide Mobile Carousel on Desktop/Hide Desktop Carousel on Mobile

Site URL: https://hexahedron-mandarin-ksp4.squarespace.com/

Hey amazing Squarespace gurus!

I'm in dire need of help figuring out the code to simply hide the desktop carousel on mobile and the mobile carousel on desktop. Note: Someone helped me set the carousel to float behind the navigation, hoping to retain this if possible.

Site Pass: redacted

Nevermind; I figured it out on my own.

Pulled the code from this site and tweaked it to suit my needs.

// Hiding sections on mobile
@media screen and (max-width: 641px) {
section[data-section-id="6157614cc5e2ba64002597bc"] {
 display:none !important;
  }
}

// Hiding sections on desktop
@media screen and (min-width: 642px) {
section[data-section-id="61820d5e999bae693da370be"] {
 display:none !important;
  }
}