Different header blend modes on different pages?

I'm using a difference blend mode in my header and loving how it looks: https://brooksreynolds.com/

Except on my CONTACT page: https://brooksreynolds.com/contact

I wish it were black over the red background here, still cool if different images/text behind it cause it to change but from black as a starting default point. I might be trying to have my cake and eat it too, but maybe there is a solution. Thanks for your superior knowledge!

10 hours ago, tuanphan said:

You can use this code to Custom CSS box

body#collection-6578b56cd81f843fae82a5da {
header#header a#site-title, header#header div.header-nav-item>a {
	color: black !important;
}
header#header {
    mix-blend-mode: unset !important;
}}

This worked perfectly to stop the blend mode from the being on the contact page.

I wish I knew how it was doing what it was doing to learn for myself but it works which is the most important part. Thank you so much!