Masonry grey and colored Overlay on single page

Hi!
Is there a way that I can keep two masonry galleries on one pages and tell one masonry to stay colored (all the time) and the other one should stay grey and only show colors when mouseover? I used this in quick CSS

/*FOR BLACK AND WHITE MASONRY*/
.av-masonry-image-container {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
-webkit-transition: all .6s ease;
}
.av-masonry-image-container:hover {
filter: grayscale(0%);
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}

Which makes all masonries grey and turns to colors on mouseover.
thanks