body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Volle Höhe des Viewports */
    background-color: #292d33;
    font-family: Arial, sans-serif;
    overflow: hidden; /* Verhindert das Scrollen */
}

#image-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Verhindert, dass das Bild über den Bildschirm hinausgeht */
}

#random-image {
    position: absolute;
    max-width: 80%;  /* Bild wird maximal 80% der Bildschirmbreite einnehmen */
    max-height: 80%; /* Bild wird maximal 80% der Bildschirmhöhe einnehmen */
    width: auto;  /* Beibehaltung des Seitenverhältnisses */
    height: auto; /* Beibehaltung des Seitenverhältnisses */
    object-fit: contain; /* Bild wird auf den Container skaliert, ohne abgeschnitten zu werden */
    transition: opacity 1s, transform 1s;
}