title: full screen background with cover, but focus on a part of the image
body: <p>I want a div to have a background image that covers the entire div but when the browser window size changes not to scale down too much but focus towards a point on the image.</p>
  
  <p>A good example would be <a href="http://demo.tutorialzine.com/2012/06/quick-tip-fullscreen-backgrounds/" rel="noreferrer" title="this">this</a>, but instead when you make your window size smaller it would focus on the yellow sign instead of the middle of the image.</p>
  
  <p>Is there a plugin or tutorial for this sort of thing? I'm sure that with jquery and css image sprites I can come up with something but I would rather use a proven plugin or technique instead of hacking something together.</p>