title: Resizing background-image always proportionally to scale with a center point
body: <p>I want to be able to reproduce the behavior of this website's image when resizing.</p>
  
  <p>It seems like the background-image has a center point where the image start to crop when it cannot keep its proportion scale.</p>
  
  <p>Here is an example:</p>
  
  <p><a href="http://themes.evgenyfireform.com/wp-jad/" rel="noreferrer">http://themes.evgenyfireform.com/wp-jad/</a></p>
  
  <p>For now my background has the following css:</p>
  
  <pre><code>#bg {
      position: fixed;
      top: 0;
      left: 0px;
      width:100%;
  }
  </code></pre>
  
  <p>The problem is that it's fixed and I want it to crop when the image can't be scale.</p>