/* 1. Das Bild vorbereiten */
.bild-einschieben {
    opacity: 0; /* Unsichtbar am Anfang */
    transform: translateX(+900px); /* 900px nach links verschieben */
    animation: einschieben 2.2s ease-out forwards; /* Name, Dauer und Verhalten der Animation */
}

/* 2. Die Bewegung definieren */
@keyframes einschieben {
    0% {
        opacity: 0;
        transform: translateX(+900px); /* Startposition */
    }
    100% {
        opacity: 1;
        transform: translateX(0); /* Endposition am Originalplatz */
    }
}
#slidebox {
  position: relative;
  overflow: hidden;
  margin: 100px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 300px;
  outline: solid 4px black;
}