JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">

  <div class="centersvg">
    <div class="image1">
    </div>

    <div class="image2">
    </div>

    <div class="image3">
    </div>
  </div>
</div>

CSS

.outer {
  max-width: 940px;
  height: 348px;
  background-color: #000;
  margin: 0 auto;/* top+bottom  left+right */
}

.centersvg {
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: space-around;
}
div {
  height: 348px;
  background: red;
}


.image1 {
  float: left;
  width: 280px;
  height: 280px;
  background: #13b4ff;

}

.image2 {
  float: left;
  width: 280px;
  height: 280px;
  background: #13b4ff;

}

.image3 {
  float: left;
  width: 280px;
  height: 280px;
  background: #13b4ff;

}