trouble removing background image from mobile only

I'm having a really hard time isolating and hiding the background image in mobile only.

If anyone has any idea how to accomplish this, I would appreciate the help

https://cow-mango-kfb5.squarespace.com/home/history

PW: bnw2023

Add to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="639897aed2a8675747b22724"] .section-background * {
    visibility: hidden;
}
}