Adding a different logo image to a homepage only

Site URL: https://www.angelamaritz.com/

Hi

Please can I have advice, is it at all possible with coding to upload a different logo image to my homepage header only. I need my header logo image on my homepage to be white with a transparent background and on the rest of the site to be black with a transparent background. 

I'm building a new 7.1 site. Thanks

Hi. Add to Design > Custom CSS

/* home logo - transparent header */
body.homepage header.Header.Header--top {
    background: transparent !important;
    position: absolute;
}
body.homepage img.Header-branding-logo {
    visibility: hidden;
}
body.homepage a.Header-branding {
    background-image: url(https://cdn.pixabay.com/photo/2021/02/08/16/03/dinosaur-5995333__340.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}