I have an image and header in my html : 

```
<div class="col-md-4 no-underline-hover">
 <a class="rightImg">
    <img class="img-responsive icon-img homepage-icon" src="{{asset('assets/img/homepage/icons/1.png')}}" alt="Greece-1173 - Temple of Athena by Dennis Jarvis, on Flickr">
     <h3 class = "gray-color homepage-icon-detail">perfume </h3>
 </a>
</div>

```

I want to changing *h3* color when I hover *img*. Here I used on my css :

```
.homepage-icon-detail .homepage-icon:hover {
    color: hsl(288, 63%, 28%);
}

```

But it doesn't work. 
Any suggestion?