/* Separate background slides; no blending, cross-fade, or mouse movement. */
.hero[data-slideshow-interval] {
  background-color: #102436;
}

.hero[data-slideshow-interval] > .layer {
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  mix-blend-mode: normal;
  z-index: 1;
  visibility: hidden;
}

.hero[data-slideshow-interval] > .layer.is-active {
  visibility: visible;
}