Changing logo color on specific pages on mobile site

I found the code to ensure I can use a different logo color on specific pages for desktop, but that's not changing it on mobile. Can someone help with that code? It's just changing the logo from white to black. Here's the code that worked for desktop.

<style> .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style>

@christopherkicks You can add this code to the change the mobile logo form white to black:

<style> 
  .header-mobile-logo img { 
    -webkit-filter: invert(100%); filter: invert(100%); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); 
  } 
</style>

Lesum, that worked! Thank you!