Customized homepage header

Site URL: https://perch-cardioid-96e4.squarespace.com/

I would like the homepage to have an image in the header, and every other page to be plain black with the white logo on it. 

How do I do this in 7.1? I've searched for code and articles - and can't seem to find it! 

My site is still in development. Link is: https://perch-cardioid-96e4.squarespace.com/

Password: Resilience

Thank you!

Hi,

Edit this code

.header-announcement-bar-wrapper {
    background-image: url('https://static1.squarespace.com/static/6046dbcba0a3ed5aaf76c32d/t/6070986ab5656707b8a37ab4/1617991787152/darius-bashar-wfY1G2O_5aY-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

to this

body.homepage .header-announcement-bar-wrapper {
    background-image: url('https://static1.squarespace.com/static/6046dbcba0a3ed5aaf76c32d/t/6070986ab5656707b8a37ab4/1617991787152/darius-bashar-wfY1G2O_5aY-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
body:not(.homepage) .header-announcement-bar-wrapper {
    background: #000 !important;
}