Background image change on element hover issue

Hi everyone,

New to the forum and Webflow, I’m currently running into a bit of an issue with the changing of a background image with an element (link block) hover.

Setting up the interaction was quite straight forward but for some reason on preview and on the published site the image associated with a hovered link block is showing up as the default image before the link block is has been hovered on first load. After hovering in and out the animation functions as normal.

The image I want showing on page load is the Hero-Section background. The other images are wrapped in divs set to absolute/full in the same Hero-Section.

Added the site link here:

https://preview.webflow.com/preview/restaurant-f8eda4?utm_medium=preview_link&utm_source=designer&utm_content=restaurant-f8eda4&preview=656775b42829c96c0ea8c9a4a9036ba8&mode=preview

Really appreciate any help you can give.

Thanks,
Andy


Here is my public share link: LINK
(how to access public share link)