Depression Hover Effect Not Working on Some Images

Hi

I use this code `a:hover {
text-decoration:none;
POSITION: relative;
TOP: 1.5px;
LEFT: 1.5px;
}’

to make images and text links appear to “depress” when hovered on. I created a new page and left-aligned an image, but the depress effect doesn’t work. When I remove the left alignment it works fine.

I need the image to be aligned on the left. What can I do to make the depress effect work?

This is my news page where all images depress on hover: https://www.jarodsafehouse.com/_wp/category/news/

here is the page with the problem image(s) https://www.jarodsafehouse.com/_wp/resume/