Hover Effect for non-title screen

I’m making this website: https://www.csfinancialstrategy.com/

I used this code to create the picture enlargement upon hovering over the circles:

.blog .hentry a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

But on the individual screens, like here: https://www.csfinancialstrategy.com/category/services/

The hover effect doesn’t exist. How do I get the hover effect there as well?