Actually all done now, I managed to change your code slightly to make it work on the rest of them. Thank you so much for all your help!
This was the full code in the end with some of my minor tweaks:
@media screen and (max-width: 767px){
.header-display-mobile .header-title-logo img {
max-height: 90px;
}
section[data-section-id="61d85cce3ba6b90751e343bb"] .content-wrapper {
margin-top: -86.6562px;
}
.header--menu-open .header-title-logo {
display: none;
}
}
#collection-61d85cce3ba6b90751e343ba .header-display-mobile .header-title-logo img{
filter: invert(1);
}
#collection-61d85cce3ba6b90751e343ba .header-display-desktop .header-title-logo img{
filter: invert(1);
}
#collection-61d85cce3ba6b90751e343ba .header-display-desktop .header-nav-item a{
color: #fff !important;
}
#collection-61d85cce3ba6b90751e343ba .header-title-nav-wrapper {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);