/*
 slideshow css

.slideshow-container {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1;
}
.slide {
  position: absolute;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
.slide.active { opacity: 1; }

.slideshow-overlay {
  position: absolute;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.1);
}


@media (max-width: 768px) {
  .slideshow-container {
    width: 100%;
    height: 100%;
  }

  .slide {
    background-size: cover;
    background-position: center center;
  }

  .slideshow-overlay {
    background: rgba(255,255,255,0.15);
  }
}
*/
  

 /* static background */
/* --- static picture (unchanged) --- */
#bg {
  position: fixed;
  inset: 0;
  background: url("horizontalno/am070.jpg") no-repeat center/cover;
  z-index: 1;                 /* keep picture furthest back */
}

/* --- top-down opacity fade --- */
#bg::before {
  content: "";
  position: absolute;
  inset: 0;                    /* cover the whole picture */
  z-index: -1;                 /* sit between picture and content */
  background: linear-gradient(
                to bottom,
                rgb(255 255 255 / .70) 0,
                rgb(255 255 255 / .35) 75px,
                transparent 150px
              );
  pointer-events: none;        /* let clicks pass through */
}

/* mobile swap (same as before) */
@media (max-width: 768px) {
  #bg {
    background-image: url("vertikalno/am089.jpg");
  }
}