title: How to crop a particular area of image with SVG clipping mask
body: <p>I am doing a clipping mask through SVG clip path. I am using one SVG element with three clipping masking. </p>
  
  <p>Problem is my svg is getting full window width and height, therefore images are also getting full width and height.</p>
  
  <p>So what I want is to move the image inside the clipping path so that I can show the actual area of the image</p>
  
  <p>Here is the     <a href="https://jsfiddle.net/subhajit06/17kqa3qf/" rel="nofollow"><code>Jsfiddle</code></a> link.</p>
  
  <p>I don't want to change the image's aspect ratio.. 
  please let me know if there is any way for this .</p>
  
  <p>Thanks</p>