.mh-menu li:hover a{ background: rgba(225,239,240, 0.4); } .mh-menu li a span:nth-child(2){ /*...*/ transition: color 0.2s linear; } .mh-menu li:nth-child(1):hover span:nth-child(2){ color: #ae3637; } .mh-menu li:nth-child(2):hover span:nth-child(2){ color: #c3d243; } .mh-menu li:nth-child(3):hover span:nth-child(2){ color: #d38439; } .mh-menu li:nth-child(4):hover span:nth-child(2){ color: #8e7463; } .mh-menu li img{ position: absolute; z-index: 1; left: 0px; top: 0px; opacity: 0; transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; } .mh-menu li:hover img{ left: 300px; opacity: 1; }

Art Director
Henry James

 

368633.png
<ul class="mh-menu">
    <li>
        <a href="#block-yui_3_17_2_3_1509555098138_3907">
            <span>Brandon</span> 
            <span>Henry James</span>
        </a>
        <img src="368633.png" alt="368633.png"/>
    </li>
    <!-- ... -->
</ul>
.mh-menu li:hover a{
    background: rgba(225,239,240, 0.4);
}
.mh-menu li a span:nth-child(2){
    /*...*/
    transition: color 0.2s linear;
}
.mh-menu li:nth-child(1):hover span:nth-child(2){
    color: #ae3637;
}
.mh-menu li:nth-child(2):hover span:nth-child(2){
    color: #c3d243;
}
.mh-menu li:nth-child(3):hover span:nth-child(2){
    color: #d38439;
}
.mh-menu li:nth-child(4):hover span:nth-child(2){
    color: #8e7463;
}