.img--thumbnail {
  width: 96px;
  height: 96px;
  overflow: hidden;
  border: 1px solid palette(grey, xxx-light);

  img {
    object-fit: contain;
    width: 96px;
    height: 96px;
  }
}

.img--thumbnail.img--x-small {
  width: 48px;
  height: 48px;

  img {
    width: 48px;
    height: 48px;
  }
}

.img--thumbnail.img--small {
  width: 60px;
  height: 60px;

  img {
    width: 60px;
    height: 60px;
  }
}

.img--thumbnail.img--large {
  width: 120px;
  height: 120px;
  margin: 0 auto;

  img {
    width: 120px;
    height: 120px;
  }
}

.img--thumbnail.img--x-large {
  width: 180px;
  height: 180px;
  margin: 0 auto;

  img {
    width: 180px;
    height: 180px;
  }
}