How can I prevent the filter from being applied to objects on the map?

Question

Yandex maps

I apply a css filter to the map, more precisely to the div in which this map is located:

-webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);

And when I add a polygon to the map, it also falls under this filter, but it is necessary that the filter is not applied to objects on the map. How can such a problem be solved? Map screen:

Answer 1

.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

map.panes.get('ground').getElement().classList.add('gray');

https://jsfiddle.net/8y0t6kjv/