najprostszym sposobem będzie umieszczenie wszystkiego we wrapperze i zmienianie opacity obrazka jeśli wrapper jest :hover :P
przykładowo: https://codepen.io/Tnifey/pen/JjWKBab
@edit: nie sprecyzowałeś w sumie czy ma być hover, ale zrobienie tego bez niego jest tym samym tylko bez hover :P w przykładzie to:
.wrapper > .image {
opacity: 0.5;
}