How to change the header on secondary pages only

Site URL: https://bellflower-cornet-5e2y.squarespace.com

Hi there,

I am trying to find a way to change the header settings on secondary pages without changing them on the home page.

Right now, I have the banner set to be transparent on the home page. The logo there is white, so this works well. However, the white logo does not show up well on secondary pages.

Is there a way to either upload an alternate logo for secondary pages or change the background color of the header on secondary pages to fix this? I have no working knowledge of code, so I am not sure how to do this.

Access: hello

Thanks for your help.

To change header color on other page, add this to Home > Design > Custom CSS

body:not(.homepage) .header-announcement-bar-wrapper {
    background: red !important;
}