title: How do you avoid viewport collapse of a centered background image?
body: <p>I am using a layout where I have a centered title/logo image at the top and it connects with the background image which is being repeated vertically.</p>
  
  <p>The problem is that the background only stays centered as long as the viewport is sufficiently wide enough. When I decrease its width below the width of the background image, the background image is no longer centered and is just drawn starting from the left so it no longer connects to the logo image.</p>
  
  <p>I drew that picture just for your personal amusement.</p>