如何在div中剪辑图像？

Question

img内有div。我希望使用CSS剪掉图像（半个或三分之四）。

例如：在下面的示例中：最终图像应按用户指定的方式切割50％，75％等。

代码：

<div class="row">

  <div class="col-xs-6 col-xs-offset-2">
    <img src="https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/leisa_christmas_false_color.png" />
  </div>
</div>

Demo