title: How to make an image auto resize to fit browser window with relation to height
body: <p>I am trying to make an image fit the browser window in relation to its height and respond dynamically to window size.</p>
  
  <p>I need the image aspect ratio to stay the same but the image can be ,larger than its originally resolution if viewed on large screens. </p>
  
  <p>I don't want the image to spill outside of the screen and create a scolling effect.</p>
  
  <p>The image must stay centered inside is container both vertically and horizontally. </p>
  
  <p><a href="http://www.samalive.co/" rel="noreferrer">Here is an example of what I am trying to achieve.</a></p>