Grey effect for Partner/Logo Element images

Hi there,

See development site at http://wordpress.shamajo.nl/.

For the Partner/Logo Element images, my client would like to have the same grey effect as in the Angular theme. In one of the other topics I found your suggestion to add the following code to quick css:

#top .avia-logo-element-container img { filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    filter: gray;
    -webkit-transition: all .6s ease; }

#top .avia-logo-element-container img:hover {    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none; }

I did the same, but that doesn’t work. I deleted the #top as I believe that wasn’t applicable, but that doesn’t work either.

Any suggestion please?

Thanks & regards,
Monique