title: CSS: how to make background image 100% height, and keep aspect ratio
body: <p>I am running into problems at smaller device widths where a div becomes more square, and less landscape. The div's background image is set to <code>background-size: cover;</code> so it only occupies about the top 60% of the height of the div and 100% of the width.</p>
  
  <p>How do I set a background image to cover 100% of the div's height, but maintain its aspect ratio, so that some of the background image will be cut off.</p>
  
  <p>How do I align the background image so that its right side is at the right side of the div (and so the left of the background image will be cut off by the left side of the div).</p>