title: display a part of image css html
body: <p>I have a image of <code>width:300px, height:400px;</code></p>
  
  <p>My container size is  <code>width:168px, height:208px;</code></p>
  
  <p>I want to display only a part of the image so that it can fill the container. </p>
  
  <p><strong>like:</strong>
   Suppose top left corner is <code>0px 0px</code> bottom right corner is <code>300px 400px</code> of the original image. 
  I want to display picture from <code>10px 0px(top-left) to 200px 208px(bottom-right)</code> such that it fits in the container. </p>
  
  <p><strong>How to do this in css?</strong> </p>