JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="white-out">
    <img src="http://placehold.it/300x200" />
</a>

CSS

a.white-out {
    position: relative;
    display: inline-block;
}
    a.white-out:after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,.5);
    }