Vis kilden til Forsidehero/styles.css

.nk-hero {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.nk-hero__media {
  flex: 0 0 270px; /* “spaltebredde” på desktop */
}

.nk-hero__media img {
  max-width: 100%;
  height: auto;
  display: block;
}

.nk-hero__caption {
  margin-top: 6px;
  font-style: italic;
  font-size: 0.95em;
  line-height: 1.2;
}

.nk-hero__text {
  flex: 1 1 320px; /* tekst tar resten, men kan wrappe */
  min-width: 16em;
}

/* Mobil: legg alt i én kolonne (bilde først, tekst under) */
@media (max-width: 720px) {
  .nk-hero {
    flex-direction: column;
  }
  .nk-hero__media {
    flex: 1 1 auto;
  }
}