JSFiddle - React, Tailwind, and code Playground

by jspence29

HTML

<html>
<head>
<title> 
Singapore - gallery
</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial scale=1.0">
<head>
<body>
</body>

CSS

*  {

  margin: 0;
  padding: 0;

}
body {
 
  /*-webkit-mask-image: 
  -webkit-gradient(linear, left top, left bottom, 
        from(rgba(0,0,0,1)), 
        to(rgba(0,0,0,0)))
  -webkit-linear-gradient(black, transparent);*/
  
  background: url('http://mjbryan.com/FosbergD/pics/First%20Week_Singapore%20004.jpg') no repeat 0 0;
  background-size:100% 100%;
  -khtml-opacity:.50; 
  -moz-opacity:.50; 
  -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 
  
 
  
}