#image-fader {
	position: relative;
	width: 100%; /* Adjust as needed */
	aspect-ratio: 1.5;
	overflow: hidden;
	border: 1px solid #ccc;
  }

  #image-fader img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Start all images at opacity 0 initially via CSS */
	opacity: 0;
	/* Remove CSS transition to avoid interference with jQuery animate */
	/* transition: opacity 1s ease-in-out; */
  }

  /* The active class will manage z-index for the top image */
  #image-fader img.active {
	z-index: 2; /* Ensures the active image is on top */
  }

  /* The "next" image might temporarily need a z-index during crossfade */
  #image-fader img.next-up {
	z-index: 1; /* Puts the incoming image below the fading-out one initially */
  }