.fullscreen-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1; /* behold positiv verdi slik at logo kan vises */
}

.fullscreen-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); 
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: multiply;
  filter: contrast(1.05) brightness(0.9);

}

/* selve bakgrunnsbildet – ligger bak logoen */
.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}