image centering - fill configuration

image-center-fill.css

/** crop vertical portions **/

.outer-wrap{
  position:relative;
  width:100px;
  height:100px; /* @OH */
  background:#ccc;
  overflow:hidden;
}
.inner-wrap{
  position:absolute;
  top:-150px; /* -@IH/2 */
  height:300px; /* @IH */ 
  width:100px;
  margin-top:50px; /* @OH/2 */
}
img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  margin:auto;
}