JSFiddle - React, Tailwind, and code Playground

HTML

<div id="background"> <img src="http://mjbryan.com/FosbergD/pics/First%20Week_Singapore%20004.jpg" /></div>

CSS

*  {

  margin: 0;
  padding: 0;

}
#background img {
 width: 100%;
  -webkit-mask-image: 
  -webkit-gradient(linear, left top, left bottom, 
        from(rgba(0,0,0,1)), 
        to(rgba(0,0,0,0)))

  
  
  
  
 
  
}