Color images load in black and white before turning full color

Design help General
1

Dear webflow / website design experts and friends,
I’ve encountered a problem that a div image turned from black and white to color every time it refreshes/reloads. I have compressed the image to only 280 KB, But it still has this issue. this is what it looks like. I am wondering if it’s image size is still too large to load smoothly. or could be some other issues cause this problem. please help. thank you very very much.

32%20PM
32%20PM2230×1340 189 KB
50%20PM
50%20PM2348×1346 281 KB
01%20PM
01%20PM2382×1342 393 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Most likely you are using progressive jpeg files.

3

thank you for replying, do you know how to avoid using progressive JPG then? is there anyway to make it non-progressive image? thanks a ton!

4

This would be addressed with you image editor, on save. If the images were provided to you encoded that way, you would need to open them and export them as regular jpegs in your favorite editor.