.slideshow {
  position: relative;
  width: auto;
  height: 292px;
  overflow: hidden;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  /* Initial unsichtbar */
  opacity: 0;
  
  /* Name der Animation | Gesamtdauer | Unendlich | Weich */
  animation: fade 20s infinite;
}

/* Zeitversetzter Start für jedes Bild (20s / 4 Bilder = 5s Delay) */
.slideshow img:nth-child(1) { animation-delay: 0s; }
.slideshow img:nth-child(2) { animation-delay: 5s; }
.slideshow img:nth-child(3) { animation-delay: 10s; }
.slideshow img:nth-child(4) { animation-delay: 15s; }

@keyframes fade {
  0%   { opacity: 0; }
  10%  { opacity: 1; } /* Einblenden */
  25%  { opacity: 1; } /* Sichtbar bleiben */
  35%  { opacity: 0; } /* Ausblenden */
  100% { opacity: 0; } /* Rest der Zeit unsichtbar */
}