Image effect bug

Hello!

I ran into a problem using the image effects. Using the Parallax and Refracted lines effects a white background (?) appears more often than not. 🤔

It seems to be affected by the browser's window size – when I change the window size it disappears, only to re-appear on reload. It's more common in Safari and Chrome. Deleting my custom CSS code does nothing, it happens regardless.

The site is aleapictures-io.squarespace.com or aleapictures.io.

Any help is greatly appreciated!

Thank you!

Any ideas anyone? 🥺 tuanphan ? 🥹

Which screen size do you see problem? I tried resize but can't see white space

56 minutes ago, tuanphan said:

Which screen size do you see problem? I tried resize but can't see white space

I see the problem at 2560 x 1440 px, but it also happens at 1920 x 1080 px and lower.
This is what it looks like...

The problem with the first image (AI) always occurs when scrolling past a certain point. The problem with the second image (Hologram) is always there... when it is there, because sometimes it doesn't happen at all.

I can't make sense of it.
Thank you for taking the time to look into it! 🙏

I'm still looking for a solution for this problem.

I noticed that the image canvas changes as I scroll up, which causes the white space. Past a certain point it changes from this...

<canvas width="647" height="646" style="display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></canvas>

...to this.

<canvas width="3281" height="1177" style="position: absolute; left: 0px; top: 0px; width: 1641px; height: 589px;"></canvas>

Can I contact a Squarespace programmer directly to make them aware of this issue?