I notice that when I use some of the "Dummy Data" for portfolio items, the images for the portfolio work perfectly. They have a greyscale non-hovered state that is the same size and position as the colored hovered state.
When I used my own images that are at different sizes and ratios (tried a longer image, a taller image, and a square image) they end up showing a weird cascading effect where you can see both the greyscale non-hover and colored hover at the same time. It seems like the greyscale is always a different weird size (stretched or smaller) than the colored image underneath it.
Any help would be greatly appreciated.