Hover animation in wrong state on page load

I’ve set up a simple animation so that on hover over a div box the image lowers to 30% opacity and blurs 2px and a text element goes from 0-100 opacity, and then reverses to normal on hover out. But when the page first loads, the image starts out at 30% opacity and the blur with the text visible. If I hover over the image, then hover out, the image displays as it should and the animation works fine from that point on. Something is happening on page load to make it initially display at the end point of the hover animation.

You can see it on the Clients page on the upper left head shot photo, it should be the only one blurred and darkened.

Thanks,
Michael


Here is my public share link: [[LINK](Webflow - Saga Recording)]
(how to access public share link)

Anybody have any thoughts on why this is happening?