.svh-gallery-fader {
	display: flex;
	gap: 20px;
	max-height: 600px;
	min-height: 600px;
	width: 100%;
	margin-bottom: 30px;
}

.svh-gallery-fader__col {
    position: relative;
    flex: 1 1 50%;
    overflow: hidden;
}

/* Alle Bilder übereinander stapeln, Crossfade über opacity */
.svh-gallery-fader__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: opacity;
}

/* Sichtbares Bild */
.svh-gallery-fader__img--visible {
    opacity: 1;
}

/* Fallback: erstes Bild sichtbar, falls --visible fehlt oder JS nicht läuft */
.svh-gallery-fader__col .svh-gallery-fader__img:first-child {
    opacity: 1;
}

.svh-gallery-fader:hover {
    cursor: url('/wp-content/themes/sarahvonderheide/images/cursor-next.webp') 30 30, pointer;
}

@media (max-width: 768px) {
    .svh-gallery-fader {
        flex-direction: column;
        gap: 12px;
		max-height: none;
		max-width: 500px;
   		margin: 0 auto;
    }
	.svh-gallery-fader__col {
		width: auto;
		min-height: calc(500px * 1.3);
		max-height: 500px;
		max-width: 500px;
	}
}
@media (max-width: 500px) {
    .svh-gallery-fader__col {
        min-height: calc(100vw * 1.3);
    }

}