Removing Background Hero on Mobile

Site URL: http://www.nautidoghandmade.com

Hello,

I cannot, for the life of me, figure out how to suppress the mobile hero image on my site (v7.1). It's not flexing well to mobile in the responsive layout (no matter what I try on the design side), so at this point, I just want to remove it.

I feel like the code below should be correct, however, it's not working. Hoping that someone can help me troubleshoot?

Appreciated!

Jessica

----

@media screen and (max-width: 767px) {
section.page-section:first-child
.section-background{display:none}
}

Thank you so much!! 🥰