title: CSS/JavaScript to crop image
body: <p>How to target a specific location on the image to be cropped using css or javascript, simple way without big scripts,<br></p>
  
  <p>Picture before :<br> <img src="https://i.stack.imgur.com/ArS4Q.jpg" alt="enter image description here"></p>
  
  <p><br></p>
  
  <p>I want the highlighted location on the following image to be viewed : </p>
  
  <p><img src="https://i.stack.imgur.com/tnez6.png" alt="enter image description here"></p>
  
  <p>Not the exact highlighted though, just trying to explain it doesnt has to be from the very top, i want to select specific image scales, 
  <b>AND how to resize is after cropping ? </b></p>