I want to have a different logo on my header ones you scroll down. This is the case; The background of my website is dark, but if you scroll down, a white header appears. But because the background of the logo changes from dark to white, the logo is not nice on one of these backgrounds. Because of this I have created another logo and I want to add this in a way that if I scroll down, the logo also changes to the other logo with another logo.
Basically; If I scroll down I want to see the alternate logo on my header. [See attachment]
[I don't know if this is relevant] But, I have created the white moving header by using custom CSS