Add a background-image to the element and this mixin will make sure that the image is cropped and displayed nicely.

crop-and-center-background-image.scss

@mixin crop-and-center-background-image($width, $height) {
  display: block;
  width: $width;
  height: $height;
  background-position: center center;
  background-size: cover;
}