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;
}