Remove Section Backround from Mobile View Only

Hello, i hope you are well.

I'm using the following custom CSS to remove the background image from mobile view only 

#block-yui_3_17_2_1_1693087746867_2395 .sqs-native-video .native-video-player {
    padding-bottom: 100% !important;
}

@media only screen and (max-width: 640px){
#page .page-section:nth-child(3) .section-background img {opacity:0 }
}

first part i used it to change the size of some videos and it's working on the main page.
Second part is not working at all, and it's on a different page.

I tried all the other solutions on this forum using these codes too

/* Dustin mobile top image */
@media screen and (max-width:767px) {
[data-section-id="619ebfc05df22c3512776d59"] img {
    visibility: hidden;
}
[data-section-id="619ebfc05df22c3512776d59"] .section-background {
    background-color: black;
}
}

and this one

@media (max-width: 768px) {
    section[data-section-id="5ea5df28b7d80f496463e8db"] .section-background img
    
    {
        display:none;
    }
}

also changing the section name with the chrome extension, but nothing seems working.
It's my personal website and i would like to fix it please

Can you share your website URL, and the page and section you're referring to?

https://www.ryadancecompany.com/aboutus

section

section[data-section-id="64ff3f15770562499d765cbb"]

Amazing, thank you so much!

5 minutes ago, Sponzy said:

Amazing, thank you so much!

Happy to help!

Can you mark my post as the solution and give it a like? Thanks!