/* Base container */
.gbs-block {
  position: relative;
  overflow: hidden;
}

/* Slideshow layers (two divs crossfading) */
.gbs-layer {
  position: absolute;
  inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
  background-size: cover;
  background-position: center center;
  opacity: 0;
  transition: opacity var(--gbs-fade, 1000ms) ease;
  will-change: opacity;
  z-index: 0; /* sits at the bottom */
}

/* Active layer is visible */
.gbs-layer.is-active {
  opacity: 1;
}

/* Optional overlay (semi-transparent color/gradient) */
.gbs-overlay {
  position: absolute;
  inset: 0;
  z-index: 1; /* above layers, below content */
  pointer-events: none;
}

/* Inner content always on top */
.gbs-content {
  position: relative;
  z-index: 2;
}