Background images not showing on row/section

Starting about a month ago, on pages with a row/section with a background image, the background image doesn’t appear.

If I change the area to background color the color appears. The same with a gradient. The images do appear with a photo slider (The photo slider would show the same image as the one that does not appear, so the file path is correct). However, we don’t want to use this option permanently.

There aren’t any custom HTML blocks on any page.

All of the tags are closed properly in the source code. In the Firefox console, it indicates there is no image to display, but if I click on the image link, it appears in a new tab(proving the image is there on the server).

I’ve tried clearing caches on WPRocket, Flywheel, and Cloudflare.

All the image files begin with https.

I’ve tried disabling all the elements one by one. I’ve disabled all the plug-ins and tested it.

I turned off lazy load. There is no size limitation for file storage. All other images on the site appear, but not the background images.

I turned off the CDN. I’ve changed image sizes, container sizes. I’ve changed file names (making sure they are formatted properly). I’ve tried changing file types (jpg to png).

The only thing that finally gets them to work is to link them to an outside server (my personal website server).

Here is one URL that it is happening on (the BG image is in the ‘RecentClient Projects’ area halfway down the page): https://tunatraffic.com/get-web-design-development/. This image is linked to an outside website at the moment.

This one has me and two other techs stumped. I’m not sure what to do anymore. Any suggestions?

Did you resolve this? I see an image on the example page.

We are still working through it. Sometimes it works, sometimes not. Yesterday I was linking the BG images to my personal server.