Logo issues on Internet Explorer

Hi there - 

One of my clients has this recurring issue where the logo in the header is incorrectly displaying as reversed when she is reviewing some of her websites pages. I cannot replicate the issue and just cant figure out what is going on. I have asked her to clear her cache and also update her browser but the issue is still occurring.

It is on these pages:

https://flute-chimes-hzmd.squarespace.com/horse-agistment/

https://flute-chimes-hzmd.squarespace.com/faqs-1

On some of the websites other pages I am using the code below in the Advanced tab on the relevant pages to reverse the logo.

 <script>
$(function(){
$(".Header-branding-logo, .Mobile-bar-branding-logo").attr("src","https://static1.squarespace.com/static/5dad0c6629c3100c9dc837c0/t/5dae99345e848e76d61a7b6a/1571723573012/191021_HaddenFarm_logo_working_V1-reversed.png");
});
</script>

Any help or troubleshooting tips would be amazing! Thanks so much in advance. 

If you can't fix, you can use CSS to replace logo, instead of script

eg

a.Header-branding img {
    visibility: hidden;
}
a.Header-branding {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: contain;
}

Thanks @tuanphan

Excuse my ignorance as I am pretty new to all of this. Where do I put this code? 

Just on those two pages that are viewing incorrectly for her?

On 1/22/2020 at 5:38 PM, The-Design-Order said:

Thanks @tuanphan

Excuse my ignorance as I am pretty new to all of this. Where do I put this code? 

Just on those two pages that are viewing incorrectly for her?

You can put to Design > Custom CSS (if you put here, you don't need script code above)

or Just on those two pages that are viewing incorrectly for her

both are good