Turn off lazy loading for the main image on my homepage

Hi, I noticed the main image on my homepage only loads after scrolling down. This makes my website at an initial glance look empty, which I don't like. 

I found out it's because of 'lazy loading', but I don't know how to change this in CSS (or better, squarespace's interface). Can someone help me with the code to turn off lazy loading for this specific image? 

This is the website: https://octagon-vuvuzela-9eam.squarespace.com/

This is what I tried so far (which did not work):

#block-884a04f5e7bf1fd4f702 .img {
    loading: eager !important; }

Design > Site Styles > Animation > Choose None

2 hours ago, tuanphan said:

Design > Site Styles > Animation > Choose None

Hi Tuanphan! Thanks a lot for reaching out again, you're the best! 

Unfortunately Animations is already set to none, so I'm sure that's not it.. 

Try adding this to Design > Custom CSS
 

body.homepage .image-block {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

On 5/10/2023 at 8:51 AM, tuanphan said:

Try adding this to Design > Custom CSS
 

body.homepage .image-block {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

 

I tried many things and now somehow it has been solved! Not really sure what did the trick. I'll save this for future reference! Thank you!

Hey, i seem to be having the same issue. I just got set up on Ezoic, and they have contacted me to say I need to turn off lazy loading for my site, but I can't find any setting to do this. It is also conflicting with something called Leap as part of Ezoic and my web core vitals are awful! Any one know how i can turn this Lazy loading off on my site?

8 hours ago, MattMTR said:

Hey, i seem to be having the same issue. I just got set up on Ezoic, and they have contacted me to say I need to turn off lazy loading for my site, but I can't find any setting to do this. It is also conflicting with something called Leap as part of Ezoic and my web core vitals are awful! Any one know how i can turn this Lazy loading off on my site?

8 hours ago, MattMTR said:

Hey, i seem to be having the same issue. I just got set up on Ezoic, and they have contacted me to say I need to turn off lazy loading for my site, but I can't find any setting to do this. It is also conflicting with something called Leap as part of Ezoic and my web core vitals are awful! Any one know how i can turn this Lazy loading off on my site?

ezoic has its own speed optimisation plugin. d you tried that?

body.homepage .image-block {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important; 

Use this code hope so it will help to turn off lazy load

17 hours ago, MattMTR said:

Hey, i seem to be having the same issue. I just got set up on Ezoic, and they have contacted me to say I need to turn off lazy loading for my site, but I can't find any setting to do this. It is also conflicting with something called Leap as part of Ezoic and my web core vitals are awful! Any one know how i can turn this Lazy loading off on my site?

If 7.0, you can find it in Website > Design > Sites Styles > Ajax Loading