Custom Header Image Not Applied to Mobile

I use the following code in my child theme css file for each page that I want a header image that is not the same as the default header image defined in Appearance > Customize. It works beautifully for when the page is displayed on desktops but on tablet or mobile phones it reverts back to the default header image. Can anyone help?

.page-id-3063 .header-image {
background-image: url(’[url to header image file]’) !important;
}

Hello there,

Please try clearing applied cache in your site. Also clear it from your mobile web browser.

Regards,
Kharis