Body class causing hover effect problems

Hello! I’m using a Hitchcock child theme, and just set up a new page and a custom php file to go with it. It is mostly working correctly. However…

I’m having a problem with a hover effect. There’s an opacity effect that is supposed to happen when you rollover the image, but it happens anytime you rollover the body area.

Here’s the page I’m having a problem with: https://mintandmoss.com/main
Here’s a page with an example of how the hover should work: https://mintandmoss.com/blog

In reading through the CSS, it looks like there’s a class called .post that is responsible for this hover effect. Then I also noticed that the word “post” is part of the body class for this page. Out of curiosity, I hardcoded the body class into the php page without the word “post” and the hover effect started working correctly. Coincidence? I don’t know enough to know.

Any ideas for how to get this hover effect to start working correctly? I’m thinking that I could update the function php file to give this specific page a different body class…but I don’t know how to do that. Is there a better way? Thanks!