header image glitches when loading if grayscale filter is applied

i need a second pair of eyes on this because i know i’m overlooking something obvious. i just noticed that the media image glitches while loading– it’s almost like it changes position or scale when viewed on a tablet or mobile phone. i’ve checked and double-checked the code and don’t see what’s causng the issue. if you’ve got a minute– please take a look and let me know if you have any ideas.

thanks!

UPDATE: just confirmed the problem is the grayscale filter– i was using a fade-in with grayscale (100% to 0) animation. anybody have any ideas on applying the grayscale filter on header media without causing the glitch?

• This topic was modified 1 year, 4 months ago by modoseyoum.
• This topic was modified 1 year, 4 months ago by modoseyoum.

The page I need help with: [log in to see the link]