Problem with Dark Mode

Hello,

I created a simple dark mode using CSS code. (@media (prefers-color-scheme: dark) and inverting the site). When dark mode is off, the image is placed centered on the screen. When dark mode is on, the image is placed centered on the page. So I have to scroll down to see the image. The image moves to the middle of the page as soon as I enable dark mode on my OS (Ubuntu 23.04) without reloading the page. If I disable dark mode again, the image moves back to the correct position again without reloading the page.

I couldn’t figure out why.

regards,
Andy

The page I need help with: [log in to see the link]