JSFiddle - React, Tailwind, and code Playground
by MarkBennett
HTML
<img id="headshot" src="https://lh5.googleusercontent.com/NYhh1072fA4oNGzK1ajz3221CVX3xIaHpW92ZV2CIJ9vIGd9ZvdMlJOMpcUf-gETmMKzrAbp5NE">
CSS
body {
background-color: #333333;
}
#headshot {
position: fixed;
bottom: 0;
left: 15px;
filter: grayscale(100%) brightness(-30%);
-webkit-filter: grayscale(100%) brightness(-30%);
}
#headshot:hover {
-webkit-filter: none;
}