<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>
*{ 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%); }