title: Setting Background-Image in React
body: <p>I want the image to behave as if it was set as an background-url and function like this:</p>
  
  <pre><code>img.thisIsMyImage {
   background: url("../../services/images/hehe.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
  animation: increase 60s linear 10ms infinite;
  -webkit-transition: all 5.2s ease-in-out;
  -moz-transition: all 5.2s ease-in-out;
  -ms-transition: all 5.2s ease-in-out;
  -o-transition: all 5.2s ease-in-out;
  transition: all 5.2s ease-in-out;
  </code></pre>
  
  <p>}</p>
  
  <p>This is the React Code</p>
  
  <pre><code> render() {
      return (
      &lt;div&gt;
          &lt;img src={rsm_logo} className="thisIsMyImage" alt="containerLogo" /&gt;
          &lt;LoginForm submit={this.submit} /&gt;
      &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>This works perfectly fine when done like the code above in the CSS, but i want it to be applied to the element that is in the .jsx code on the element "<em>thisIsMyImage</em>" and stil have the same behaviour as in the css code.</p>
  
  <p>Any suggestions are much appreciated, thank you.</p>