JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th><h2>Default Image</h2></th>
        <th><h2>Black & White Image</h2></th>
    </tr>
    <tr>
        <td><img src="http://www.shanidkv.com/sites/default/files/p10.png"></td>
        <td><img class="greyscale" src="http://www.shanidkv.com/sites/default/files/p10.png"></td>
    </tr>    
</table>

CSS

*{
    font-family: arial;
}
th h2{
    font-size: 14px;
    margin: 15px 0;
}
img{
    max-width:100%;
}
img.greyscale{
	-o-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}