JSFiddle - React, Tailwind, and code Playground

by Darius Shojaei

HTML

<div id="container">
  <div id="wrapper">


  </div>
</div>




<br>
<img id="no_wrapper"  src="http://www.myorderdesk.com/Providers/206190/Files/31/full_width_image_1.jpg" >

CSS

#container {
  width:100%;
  height:580px;

}

#wrapper {
  width:100%;
  height:580px;
   background-image:url('http://www.myorderdesk.com/Providers/206190/Files/31/full_width_image_1.jpg');
background-position: center center;
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100% 100%; 
/*background-size:cover;*/
-webkit-transition: background-image 0.4s;
-moz-transition: background-image 0.4s;
-ms-transition: background-image 0.4s;
-o-transition: background-image 0.4s;
transition: background-image 0.4s;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}

#no_wrapper {
  width:100%;
  height:100%;
  }
}