Чтобы обесцветить картинки и изображения на сайте используя CSS - достаточно прописать следующие свойства для класса картинок, в данном случае для класса IMG:
.img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}