I have a gallery website and I want to add a slight delay before the images load on the grid. Also the delay should be increased with each image, so for example the first image loads in 0.2 seconds, the next one in 0.4 seconds and so on. I’m using framer motion to achieve this effect and while it kind of works when I load the page, the problem comes when I resize the window. If I resize the window, the images start loading again and if I am too far down the page, it takes a while for the images at the bottom to load, since the delay gets longer with every image.