まずはサンプルコード

See the Pen Untitled by yurippe-i (@yurippe-i) on CodePen.

【解説】filterで解決！

.map {
  filter: grayscale(100%);
}

filterは、要素にぼかし・色の変化等の効果を付けるプロパティ。

その中のgrayscale関数を使うと、その名の通り色をグレースケール（白黒）にできます。

値は0～100％で指定します。100%=効果をMAXかけた状態です。
%でなく、0, 0.1, 0.2 ... 0.9, 1という書き方もできます。

画像をいちいち加工するほどでもない時、全体のトーンを揃えたい時に使える便利なコードです！

参考

MDN公式ドキュメント