Disable scroll indicator on mobile only?

Site URL: http://tiltedwindmillproductions.squarespace.com

PASSWORD: tilted

Is there a way to disable the scroll indicator icon on mobile only?  It displays well on desktop but it interferes with the text on mobile as seen in screenshot.

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.Index-page-scroll-indicator {
    display: none !important;
}
}