Inverting Logo Sometimes Not Showing Up

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

<style>
.Header-branding-logo {
	-webkit-filter: invert(100%);
	filter: invert(100%);
</style>

This is the code I am using. 

It seems to work on and off. 

Also, is there a way to have just the homepage invert ONLY on mobile? 

1. Disable Ajax Loading. 

2. Edit your code to

<style>
  @media screen and (max-width:640px) {
  .Header-branding-logo {
	-webkit-filter: invert(100%);
	filter: invert(100%);
  }
</style>