body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.centered-image-container {
    max-width: 100%; /* Maximale Breite des Bildes */
}

.rotating-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto; /* Zentrierung des Bildes horizontal */
    animation: spin 6s linear infinite; /* Dauer einer Umdrehung plus Pause */
}

@keyframes spin {
    0%, 50% {
        transform: rotateY(0deg); /* Startposition und Haltepunkt */
    }
    75%, 100% {
        transform: rotateY(360deg); /* Vollständige Umdrehung */
    }
}