Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class='grid'>
    <div class='photo'>
        <img src="http://www.customink.com/photos/system/images/39331/large/931213063.JPG?1410820504"/>
    </div>
    <div class='photo'>
      <img src='http://www.customink.com/photos/system/images/28263/large/image.jpg?1392311502'/>
    </div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

.photo {
  position: relative;
  width: 200px;
  height: 200px;
  overflow:hidden;
  margin: 0 auto;
}
img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -transform: translate(-50%, -50%);
}


  

SassMeister-output.css

.photo {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
}

img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -transform: translate(-50%, -50%);
}

SassMeister-rendered.html

<div class='grid'>
    <div class='photo'>
        <img src="http://www.customink.com/photos/system/images/39331/large/931213063.JPG?1410820504"/>
    </div>
    <div class='photo'>
      <img src='http://www.customink.com/photos/system/images/28263/large/image.jpg?1392311502'/>
    </div>
</div>