less mixin to center responsive image in fixed size element

center-image.less

// center responsive image in fixed size element
.center-image(@width, @height) {
  position: relative;
  // make parent element width/height divisible by 2
  width: floor((@width + 0.5) / 2) * 2;
  height: floor((@height + 0.5) / 2) * 2;
  img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}