.hero-fade { position: relative !important; overflow: hidden !important; background-image: url(https://agneshovehne.de/wp-content/uploads/2017/03/DSC_0049-e1603816727839.jpg) !important; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; } .hero-fade::before, .hero-fade::after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; opacity: 0; pointer-events: none; } .hero-fade::before { background-image: url(https://agneshovehne.de/wp-content/uploads/2026/09/yoga-studio-in-berlin-borsigwalde-hg.jpg) !important; z-index: 1; animation: heroBild2 18s infinite; } .hero-fade::after { background-image: url(https://agneshovehne.de/wp-content/uploads/2026/09/yoga-meditation-klangschalen.jpg) !important; z-index: 2; animation: heroBild3 18s infinite; } .hero-fade > .vc_column_container, .hero-fade > .wpb_column { position: relative !important; z-index: 5 !important; } @keyframes heroBild2 { 0% { opacity: 0; } 28% { opacity: 0; } 34% { opacity: 1; } 61% { opacity: 1; } 67% { opacity: 0; } 100% { opacity: 0; } } @keyframes heroBild3 { 0% { opacity: 0; } 61% { opacity: 0; } 67% { opacity: 1; } 94% { opacity: 1; } 100% { opacity: 0; } } @media (max-width: 767px) { .hero-fade, .hero-fade::before, .hero-fade::after { background-position: 50% 50% !important; background-size: cover !important; } } .hero-fade h1, .hero-fade h2 { color: #ffffff !important; position: relative; z-index: 10; } .hero-fade > .vc_column_container, .hero-fade > .wpb_column { position: relative !important; z-index: 5 !important; } .hero-fade .wpb_text_column { position: relative !important; z-index: 10 !important; }