Vertical align in bootstrap table

Question

I am trying to display a table with 4 columns, one of which is an image. Below is the snapshot:-

Answer 1

vetrical-align: middle did not work for me for some reason (and it was being applied). I used this:

table.vertical-align > tbody > tr > td {
  display: flex;
  align-items: center;
}