JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <ul class="slides">
    <li data-bg-image="fotos/test-1.jpg"></li>
         <ul class="slideDescription">
           <li class="slider-title">Willkommen</li>
           <li>Textt....</li>
           <li>Text...</li>
         </ul>
      <li data-bg-image="fotos/test-1.jpg">
      ...
      </li>
   </ul>
</div>

CSS

.container { display: inline; margin: 0em auto; }