la til logoen til team valp i om nav arbeidsmarkedstiltak

frontend/mulighetsrommet-veileder-flate/src/apps/nav/OmArbeidsmarkedstiltak.tsx

@@ -1,21 +1,35 @@
-import { Link } from "@navikt/ds-react";
+import { BodyShort, Heading, Link } from "@navikt/ds-react";
 
 export function OmArbeidsmarkedstiltak() {
   return (
-    <div style={{ maxWidth: "65ch" }}>
-      <h1>Om NAV Arbeidsmarkedstiltak</h1>
-      <p>
-        I løsningen NAV Arbeidsmarkedstiltak får du oversikt over alle tiltak som veiledere i NAV
-        kan benytte seg av i sine NAV-regioner. Du kan bruke filteret på venstresiden til å finne
-        tiltak for et lokalkontor eller for én eller flere regioner.
-      </p>
-      <p>
-        Denne løsningen utvikles og forvaltes av{" "}
-        <Link href="https://teamkatalog.nav.no/team/aa730c95-b437-497b-b1ae-0ccf69a10997">
-          Team Valp
-        </Link>
-        .
-      </p>
+    <div
+      style={{
+        maxWidth: "100ch",
+        margin: "2rem auto",
+        backgroundColor: "white",
+        padding: "2rem",
+        display: "flex",
+        gap: "2rem",
+      }}
+    >
+      <div>
+        <Heading size="xlarge" style={{ marginBottom: "1rem" }}>
+          Om NAV Arbeidsmarkedstiltak
+        </Heading>
+        <BodyShort>
+          I løsningen NAV Arbeidsmarkedstiltak får du oversikt over alle tiltak som veiledere i NAV
+          kan benytte seg av i sine NAV-regioner. Du kan bruke filteret på venstresiden til å finne
+          tiltak for et lokalkontor eller for én eller flere regioner.
+        </BodyShort>
+        <BodyShort>
+          Denne løsningen utvikles og forvaltes av{" "}
+          <Link href="https://teamkatalog.nav.no/team/aa730c95-b437-497b-b1ae-0ccf69a10997">
+            Team Valp
+          </Link>
+          .
+        </BodyShort>
+      </div>
+      <img src={"/teamvalp.png"} style={{ width: "25%", height: "auto" }} />
     </div>
   );
 }