JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="table">
    <div class="table-cell">
      <img src="http://picsdesktop.net/forest/800x600/PicsDesktop.net_9.jpg" alt="Картиночка" width="200">
    </div>
  </div>
</div>

CSS

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.wrapper {
    height: 500px;
    background: blue;
}
}