title: Want to position the background image in the middle
body: <p>Hello on my login page I have a background image. Currently the image is centered but not centered the way I want it. I want it so the image is <em>always centered in the middle of the screen</em>. Curently, my image is centered but is positioned at the top of the page. The image need to be positioned in the middle of the screen, and kept centered.</p>
  
  <pre><code>login.html
   &lt;body style="background-image: url({{MEDIA_URL}}/admin_media/img/admin/bigstock_Photo_Showing_Financial_Growth_1339836.jpg); background-position: 50% 50%; background-repeat:no-repeat;"&gt;
  </code></pre>