JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div>
    <img src="https://images.goertz.de/is/image/Goertzmedia/Vans-Sneaker-OLD-SKOOL-schwarz~45420601~front~250.jpg" alt="">
    <h1>
      Schuh 1
    </h1>
    <div><p></p></div>
  </div>

  <div>
    <img alt="" src="https://i.otto.de/i/otto/16085583/nike-free-run-m-laufschuh-schwarz-weiss.jpg?$formatz$">
    <h1>
      Schuh 2
    </h1>
    <div><p></p></div>
  </div>
</div>

CSS

.main {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.main > div {
  display: flex;
  flex-flow: column;
}

.main > div > div > p::after {
  content: "Das hier ist der gleiche Text. Wenn du ihn HIER (Zeile 13) im CSS-Code änderst, ändert er sich überall!";
}

img {
  width: 40vw;
}