Sections load with black bar before image appears

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

Hi all,

Does anyone know how to prevent sections with images from loading with a black bar?

On my home page I added a section, filled it with an image, and added text over it. When it loads, it shows a black bar before the image appears a few seconds later.

I've made sure the image is small in size/resolution but I'm experiencing this on all of my pages with image sections. It only happens when my website first loads; if I stay on it and click between pages, there isn't a black bar between page loading.

Any ideas?

I figured it out - It's because of the color theme! The section is set to Darkest 1, so I kept the black overlay and changed the background color to white.