Transparent Header on Specific Pages

Site URL: https://seabass-maroon-5h8g.squarespace.com/

https://seabass-maroon-5h8g.squarespace.com/
Password: oakpointtest

On my current website, I like how my header is transparent at first, and becomes a solid grey when scrolling down. This works for most pages. But on my portfolio "blogs", since the header takes the background color of the first section, the header becomes white. The navigation links and logo don't work with white backgrounds. I would rather for these pages the header is set to dark grey.
Example: https://seabass-maroon-5h8g.squarespace.com/config/?frameUrl=%2Foak-point-portfolio%2Fames-department-stores

I will have over 900 of these "blogs", so not sure if there is code that only targets these pages. Any help?

I was able to find a solution to my question on a separate posting

Add to Page Settings > Advanced > Header

<style>
  header#header {
    background: transparent !important;
}
</style>