JSFiddle - React, Tailwind, and code Playground

by Jackit Shot

HTML

<div  style="" class="container">
		<img src="http://dandan500.com/wp-content/uploads/2013/10/scrambled_egg__by_harrietthespy-d32yqhm.jpg" class="gray">
	</div>

CSS

.gray{ 
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
img {
    border: 6px solid #9C630C;
    border-radius: 20px;
}
.container{
	margin:30px;
}