JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="http://getsmartgroup.ru/images/video.jpg">
</div>

CSS

html,body{margin:0;}
div{
  background: black;
  width:100%;
  height:100%;
  margin: auto;
  text-align: center;
  position: absolute;
  white-space: nowrap;
  }
img{
  width: 100%;
  vertical-align: middle;
  }
div:after{
  content: '';
  display:inline-block;
  width:0;
  height:100%;
  vertical-align: middle;
}