Beschreibung:

Dein Slider ist eine reine CSS-Slideshow, die ohne JavaScript funktioniert und sich responsiv an verschiedene Bildschirmgrößen anpasst.

• Desktop: Das Bild befindet sich links, der zugehörige Text erscheint rechts daneben.
• Mobil: Das Bild nimmt die volle Breite ein, und der Text rutscht darunter.
• Technische Umsetzung:
  
  • Die Slider-Wrapper-Animation steuert den automatischen Bildwechsel rein über CSS-Keyframes.
  • Ein Grid-Layout sorgt für die richtige Anordnung der Inhalte.
  • Media Queries passen das Layout für kleinere Bildschirme an.

Dank dieser Umsetzung bleibt der Slider leichtgewichtig und performant – ganz ohne JavaScript.