JSFiddle - React, Tailwind, and code Playground

HTML

<section class="rp" id="rp">
      <div class="container">
        <h2 class="text-center text-uppercase text-secondary mb-0">Процесс работы</h2>
      </div>
    <div class="rposn">
    <img src="../img/5.png" >
    <img src="../img/4.png" >
    <img src="../img/3.png" >
    <img src="../img/2.png" >
   <img src="../img/1.png" >
  </div>
  </section>

CSS

body {
  padding: 0px;
  margin: 0px;
}
.rposn {
  width: 100%;
}
.rposn img {
  width: 20%;
  height: 100px;
  box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}