Как ресайзить изображения без потери пропорций?
Почитайте про свойство object-fit - оно как раз должно решить ваш вопрос. Правда если нужны старые браузеры и ie - придется подставлять полифилл.
Вот может так нужно
SLIMdoctype html
html
  head
    title Slim Examples
    meta name="keywords" content="template language"
    link rel="stylesheet" href="table_image.css" 
  body
    table
      tr
        td 
          .img *{ style: "background-image: url('http://lorempixel.com/100/200/');" }
        td 
          .img *{ style: "background-image: url('http://lorempixel.com/100/300/');" }
CSS.img {
  height: 100px;
  width: 100px;
  background-repeat:no-repeat;
  background-size: 100% 100% / contain;
}
Результат