JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product">
    <img src="http://lorempixel.com/100/100" />
</div>`

CSS

div {
    width: 460px;
    height: 300px;
    background: honeydew;

    display: table-cell;
    vertical-align: middle;
}


div img {
      margin: auto;
      display: block;
}