/* Brukes på CONTAINEREN som omslutter .video-logo */
.h-left   { display: flex; justify-content: flex-start; }
.h-Senter { display: flex; justify-content: center; }
.h-right  { display: flex; justify-content: flex-end; }

.v-top    { display: flex; align-items: flex-start; }
.v-Senter { display: flex; align-items: center; }
.v-bottom { display: flex; align-items: flex-end; }

/* Valgfritt: sørg for at img ikke drar med seg marginer o.l. */
.video-logo { display: block; }

/* Logoen oppå videoen */
.video-logo {
  position: absolute;
  z-index: 2;         /* sørger for at logoen ligger over videoen */
  opacity: 0.9;       /* litt transparent ser ofte pent ut på video */
  pointer-events: none; /* hindrer klikk på logo */
}

/* Valgfritt: sørg for at img ikke drar med seg marginer o.l. */

/* Logoen oppå videoen */
.bilde-logo {
  position: absolute;
  top: 50%; /* Flytt toppen av logoen til midten av beholderen */
  left: 50%; /* Flytt venstre side av logoen til midten av beholderen */
  transform: translate(-50%, -50%); /* Flytt logoen tilbake med halve sin egen bredde og høyde */
  z-index: 2;
  opacity: 0.9;
  pointer-events: none;
  width: 25%;
  height: auto;
}