content: add ossi phase diagram to ossi page

src/pages/ossi.astro

@@ -1,10 +1,12 @@
 ---
-import { siteConfig } from "../siteConfig";
+import Image from "astro/components/Image.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
 import Hero from "../components/Hero";
 import TextBlock from "../components/TextBlock.astro";
 import Wrapper from "../components/Wrapper.astro";
 
+import ossiPhasesImg from "../assets/images/ossi_phases.png";
+
 const baseUrl = import.meta.env.BASE_URL;
 ---
 
@@ -65,12 +67,17 @@ const baseUrl = import.meta.env.BASE_URL;
     <TextBlock>
       <Fragment slot="subtitle">Call for projects</Fragment>
       <Fragment slot="content">
-        We invite proposals for Open-Source Software projects from scientists at Janelia. 
-        The aim of a proposal should generally be to develop, maintain and/or document 
-        developer-friendly, user-friendly code that promises to have a significant impact 
-        on the community.
+        We invite proposals for Open-Source Software projects from scientists at
+        Janelia. The aim of a proposal should generally be to develop, maintain
+        and/or document developer-friendly, user-friendly code that promises to
+        have a significant impact on the community.
       </Fragment>
     </TextBlock>
+    <Image
+      src={ossiPhasesImg}
+      alt="Phase diagram of OSSI projects. Projects move linearly from 'proposed' to 'accepted' to 'active development.' From there, projects cycle between 'active development' and 'maintenance.' The final phase is 'graceful end.'"
+    />
+    <p class="italic pb-4">The phases of an OSSI-funded project.</p>
     <TextBlock>
       <Fragment slot="subtitle">Details</Fragment>
       <Fragment slot="content">