title: Bootstrap CSS : Center background, full height, cut off width
body: <p>Currently, if my browser is half the monitor's size it will shrink the background to fit the width, cutting off the height and the bottom. I'd like it to instead, keep the height, filling the whole page, and keeping the aspect ratio but just centering the photo and cutting off the sides of the photo, my current CSS is just</p>
  
  <pre><code>body{
      background-image: url("/background1.jpg");
      background-size: 100%;
      background-repeat:no-repeat;
      display: compact;
  }
  </code></pre>
  
  <p>Any help on how to do this would be great, thank you</p>