title: CSS - crop image - top and bottom
body: <p>I have got this image:</p>
  
  <p><a href="https://i.stack.imgur.com/Gileq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gileq.jpg" alt="image 1"></a></p>
  
  <p>And I want to crop 200px from top and 200px from bottom.</p>
  
  <p>Cropped image:</p>
  
  <p><a href="https://i.stack.imgur.com/ltSuN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ltSuN.jpg" alt="image 2"></a></p>
  
  <p>I want to do this in CSS.</p>
  
  <p>How can I achieve that?</p>