Could anyone please advise how I would lower the overlay on a promoted link webpart?
Currently the overlay sits at about 1/3 of the way up from the bottom before it is hovered over (and obviously 100% when hovered.)

We would like to lower the overlay to sit about 18px high from the bottom so that it does not cover so much of the image (which in this case is a team member). The default height overlays on top of their shoulders, neck and up to their chin! we would like it much lower.

I've tried every CSS option i can from any searched guides ive managed to find. Can anyone please help?

Our team photos are 180 high by 140 wide. 

Many thanks in advance!