title: React.Js Background Image properly displayed with words over the top
body: <p>I'm basically trying to copy this website as a lesson to teach myself React. </p>
  
  <p><a href="http://www.milkbardigital.com.au/#home" rel="nofollow noreferrer">http://www.milkbardigital.com.au/#home</a></p>
  
  <p>Could someone help me to use an image as background and place the text over it, also, how to make it display on the same amount of height on the page?</p>
  
  <p>Here's my current code</p>
  
  <pre><code>import React from 'react';
  import {Image} from 'react-bootstrap';
  
  export default React.createClass ( {
      render() {
          var background = {backgroundSize : 'cover'};
          return (
              &lt;div style={{width: 'auto'}}&gt;
                  &lt;Image style = {background} responsive src = "http://www.milkbardigital.com.au/wp-content/uploads/2015/11/Milkbar-Home-Background.jpg"&gt;
                      This is a test
                  &lt;/Image&gt;
              &lt;/div&gt;
          );
      }
  });
  </code></pre>
  
  <p>Really appreciate the help!</p>