Untitled

dabblet.css

.cropImage {
  display: block;
  overflow: hidden; 
  float: left; 
  border: 2px solid #000;
  border-radius:50px;
  /*Position Relative prohibits the div in Chrome and Safari from clipping it's child elements */
  position:relative;
}

img{vertical-align: bottom; 
}

dabblet.html

<div class="cropImage">

  <img src="http://placehold.it/350x150" />

</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}