how can we show the first image without scrolling?

Site URL: https://dahlia-puma-clws.squarespace.com/

The site style we use loads images using an Animation. And on the landing page, in order to load the first image on Desktop, a visitor has to scroll down in order for the image-animation to be triggered and therefore the image to be shown...

BUT this seems confusing for new visitors, as they don't seem to scroll down first time.

SO, how can we show/pre-load the first image, or trigger the image-animation without scrolling, so that the visitor understands he/she can view content below and is stimulated to scroll down because top of the image is already preloaded...??

Can someone help support a simple CSS code, to make the first image appear on first load?

Would be wonderful, thank you.

Try adding to Design > Custom CSS

div#block-812c46c527b66af99e11 * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}