#layer0 {
  z-index: 0;
}

#layer-hero {
  z-index: 1;
  background-color: rgb(0 0 0 / 0.5);
}

#layer-surface {
  z-index: 2;
}

#layer3 {
  z-index: 3;
}

#layer-blend {
  z-index: 4;
  mix-blend-mode: screen;
}

#layer-shell {
  z-index: 5;
  cursor: pointer;
}

#layer-hero-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

#layer-hero-image > [data-node-type="image"] {
  position: static;
  width: 100%;
  height: auto;
}

#layer-images [data-node-type="image"] {
  mix-blend-mode: normal;
}