How to invert colour of the product grid and middle section of specific pages in Dawn theme?

[theoryofmary]

I'm currently using the Dawn theme and have inverted the colours in the middle sections of my home page. However, when I attempted to invert the colours on specific pages or for the product grid through "customise theme", it didn't work. 

I have tried the following code but it made my middle section black instead of white. 

#ProductGridContainer { filter: invert(1); background: #fff; } #ProductGridContainer .card__inner.color-inverse.gradient.ratio { filter: invert(1); }

Does anyone know how else to change the product grid and the middle of specific pages to white?

[mt686]

Could you drop the store URL here?

[theoryofmary]

Hello, the link is https://hm609i57jqhsdasf-55202938915.shopifypreview.com. Any advice would be greatly appreciated!