Header image lagging when website opens

Replies: 0

I’ve added a header image to my wordpress website (oceanwp) using the “customize” tool and by placing the following code in my Custom CSS/JS box:

#top-bar-wrap, #top-bar-content strong {
    color: #ffffff;

background-image: url(http://www.brazosmg.com/new/wp-content/uploads/2020/01/white_header.jpg”) !important;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-top: 30px;
}

For some reason, the header image always lags a couple seconds loading behind the rest of the site. So the site opens with a blank header background and a few seconds later the header image pops open. I can’t tell if it’s just my computer, or if this happens to everyone who opens the site.

This is slightly annoying me. Can someone take a look and tell me what I might be able to do to correct this lag?

Thanks
Saranee