JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="row">
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
  </div>
  <div class="row">
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
    <div>
      <img src="http://www.natur-server.de/Bilder/MZ/003/mz002732-kleines-seifenkraut.jpg" alt=""><br>
      artikeltext
    </div>
  </div>
</div>

CSS

.container {
  display: flex;
  flex-flow: column;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.row {
  display: flex;
  justify-content: space-between;
  width: 90%;
}

.row div img {
  max-width: 90%;
}