JSFiddle - React, Tailwind, and code Playground

HTML

<div  >
<img src="http://www.gravatar.com/avatar/f776494ab181f6c652966481996ec3bb/?default=&s=120" alt="test"/>
<div class="over"></div>
</div>

CSS

img,.over{
 width:600px;
 height:300px;
 
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,255) 100%); /* W3C */
 
    position:absolute;
}