.fixed-logo {
    
   
    /* This property automatically inverts the color relative to the background it overlaps */
    mix-blend-mode: difference; 
}

.section {
    height: 100vh;
}

.light-bg {
    background-color: #fff; /* Logo will appear black (or original color) on this */
}

.dark-bg {
    background-color: #000; /* Logo will appear white (inverted) on this */
}