JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <img id="image1" src="img/image1.png" alt="img1" />
        <iframe id="video" src="http://www.youtube.com/embed/L-9y6jP-HO4">
        </iframe>
    <img id="image2" src="image2.png" alt="img2" />
</div>

CSS

#video {
  width: 540px;
  height: 315px;
  display: block;
  margin: auto;
  border: 0;
  display: inline;
}

#image1 {
  width: 200px;
  height: 200px;
  display: inline;
}

#image2 {
  width: 200px;
  height: 200px;
  display: inline;
}

.content {
  text-align: center;
    display: block;
}