Как сделать чтобы высота тега figure зависела от содержимого?
figure img {
  max-width: 100%;
  vertical-align: middle; /* либо vertical-align: top / vertical-align: bottom */
}

/* Либо так */
figure img {
  max-width: 100%;
  display: block;
}
codepen.io/corvus-007/pen/bEoazz?editors=110
Сделать это можно вот так: codepen.io/anon/pen/ZQXvyg
добавить margin-bottom: -4px;было:figure img {
    max-width: 100%;
}стало:figure img {
    max-width: 100%;
    margin-bottom: -4px;
}