Lightbox jank

[iplanwebsites]

When clicking images, there's something pushing the entire layout right, creating some jank on the page during transition. It can probably be fixed with CSS.

To replicate, click the cat here:
https://nerdymomocat-templates.github.io/webtrotion-astro-notion-cms-website-blog/

[nerdymomocat]

It doesn't happen on my end; could you record your screen so that I can see what might be happening here?

Screen.Recording.2024-04-29.at.12.34.39.AM.mov

[iplanwebsites]

Should be replicable easily. The issue is consistent in Chrome + Firefox + Safari + Brave (macos), but not present in Opera.
The entire page shift to the right when opening to lightbox, then get janked back in the center uppon closing the modal.

[nerdymomocat]

Hi, unfortunately, I'm not well-versed enough in web development to solve this issue without seeing a replication and possibly some console errors. When I tested the website on Chrome and Safari, the issue didn't appear, making it hard for me to pinpoint the problem. If you figure out the cause, feel free to open a pull request. Currently, it's being loaded with a very simple glightbox call here.