@keyframes slideInText {
    0% { opacity: 0; transform: translateX(100%); }
    10% { opacity: 1; transform: translateX(0); }
    30% { opacity: 1; transform: translateX(0); }
    40% { opacity: 0; transform: translateX(-100%); }
    100% { opacity: 0; transform: translateX(-100%); }
}
.rotating-text-box {
    background-image:url('https://schmeltz.net/wp-content/uploads/2024/12/Baggrund-min.jpg'); 
    background-size:cover; 
    background-position:center center; 
}


.rotating-text-container {
    position: relative;
    width:100%; 
    max-width:400px; 
    height:1.6em; 
    overflow:hidden; 
    font-size:1.2em;
}

.rotating-text-container-outer {
    background-color:rgba(0,0,0,0.4);
}

.rotating-text {
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    animation: slideInText 18s linear infinite;
}

.rotating-text:nth-child(1) {
    animation-delay: 0s;
}

.rotating-text:nth-child(2) {
    animation-delay: 6s;
}

.rotating-text:nth-child(3) {
    animation-delay: 12s;
}