I don't get it. Lazy image loading is enabled by default and I even tried this JavaScript from a similar question (apparently that fixed it. Also maybe it doesn't work for me because I don't use jquery?). I also tried content-visibility: hidden until I realized that Firefox or Safari doesn't even support it... (why?????)

let element = document.getElementsByTagName("img");

Array.from(element).forEach(i => {
    i.style.display = "block";
});

I think the other images on the other slider still don't load until I've scrolled to it so there does seem to be some kind of optimization? I honestly can't tell anymore. To me it still looks like they all try to load all at once when I clear my cache & refresh. My goal is to just load the images once they're actually displayed and scrolled onto in the slider but I can't get it to work. The images are quite large and I should downsize them but this would still help either way.