I am working on a clients Pro website and having trouble trying to make a section background image stay fixed while scrolling down the page. I am using the code below to achieve this as in a previous topic (https://theme.co/apex/forum/t/fixed-background-images/23594), but when I apply the css to the global section it affects the whole site without letting me assign the ID name to the sections I want the effect on. Any thoughts why this happens?
#fixed-bg.x-section.bg-image,
.x-bg .x-bg-layer-lower-image,
.x-bg .x-bg-layer-upper-image {
background-attachment: fixed;
}