Css code to remove background section: troubleshooting

Hi everyone, 

I seem to be having an issue using this code to remove a background image on mobile. 

The first time I use the code it works perfectly and the background image disappears. Then, when I copy/paste it to use it again for another section on the page, it does nothing!

If I try and put both section ids in the same code separated by a comma, it works, but then the first section content disappears entirely.

The page link: https://clinicaleftconnect.squarespace.com/our-approach-to-eft-tapping

password: cec2024

Here is what I have pasted in:

//wavy background removal on mobile//
@media screen and (max-width:767px) {
section[data-section-id="662b0cb2821dca18fb41d9cd"] .section-background {
    visibility: hidden;
}
section[data-section-id="662b0cb2821dca18fb41d9cd"].section-background {
    background-color: #FFFCF8;
}
}

@media screen and (max-width:767px) {
section[data-section-id="6621d31f097c0d6f2308f6ef"].section-background {
    visibility: hidden;
}
section[data-section-id="6621d31f097c0d6f2308f6ef"].section-background {
    background-color: #FFFCF8;
}
}

TIA! 

Ioana 

Hi @tuanphan thank you for pointing out the need for spaces! This resolved the issue😀