title: Crop image using css
body: <p>I am trying to crop 50px from the top of an image. I am following the below reference but for some reason it didn't work in FF but worked in Chrome.</p>
  
  <p><a href="https://css-tricks.com/clipping-masking-css/" rel="nofollow noreferrer">https://css-tricks.com/clipping-masking-css/</a></p>
  
  <p>Html:</p>
  
  <pre><code>&lt;img src="https://s30.postimg.org/lkqxmrk29/about.jpg" class="rectshape"&gt;
  </code></pre>
  
  <p>Demo:<a href="https://jsfiddle.net/squidraj/a4j343hg/1/" rel="nofollow noreferrer">https://jsfiddle.net/squidraj/a4j343hg/1/</a></p>
  
  <p>Any help is highly appreciated.</p>