Website background glitching, shows background color and then actual correct picture

Site URL: http://mushroom-crow-6cp6.squarespace.com

Hi there,

The background image of all my pages appears red and somewhat glitched when it first loads. It has a one-second flash of red which is a part of my palette but then reverts to the actual picture I selected a few moments later. Is there any way to get rid of the flash?

Thanks so much!

Try adding this to Design > Custom CSS

body:not([data-animation-state="booted"]) > * {
  opacity: 0;
}

42 minutes ago, tuanphan said:

Try adding this to Design > Custom CSS

body:not([data-animation-state="booted"]) > * {
  opacity: 0;
}

 

Thank you so much! I added it to the website if you want to take a look. While it definitely does not lag as much, the glitch is still there (flash of red still shows up). Any other additional tips?