Hover для текста при наведение на картинку?

Question

[Localhost]

Здравствуйте. Помоги реализовать hover
есть ссылка с картинкой и текстом, требуется чтобы при наведение именно на картинку появлялся текст (в обертке span)

<div class="link">
 <a href="">
<span>Текст </span>
<img src="картинка" >
</a>
</div>

есть стили, которые скрывают текст и делает его видимым при hover

.link a span{
    opacity:0;
}
.link a span:hover{
    opacity:1;
}

Answer 1

[Павел]

.link img:hover + span {opacity: 1;}

Comments

[Localhost]

не подошло, срабатывает по отдельности

[Павел]

Алексей: Codepen или ещё что?

[Localhost]

PavelMonro: https://jsfiddle.net/prc92f6c/

[Localhost]

PavelMonro: я разобрался.
получилось так
.link:hover a span {opacity: 1;}

[Павел]

<div class="link">
 <a href="">
<div>Текст </div>
<img src="картинка" >
</a>
</div>

.link {    position:relative;
    display:inline-block;}
.link div{
    opacity:0;
}
.link:hover div{
    opacity:1;
}