Added logos and links to Get Involved - Donate page

I added some logo files and made all the logos links. Two of the organizations listed didn't seem to have logos so I made those text links.

From #122

src/pages/getinvolved.jsx

@@ -18,11 +18,16 @@ import hydrophonestand from '../../public/images/getinvolved/hydrophone-stand.pn
 import livediy from '../../public/images/getinvolved/live-diy.png'
 import lonhydrophone from '../../public/images/getinvolved/lon-hydrophone.png'
 import logo8 from '../../public/images/getinvolved/OI.png'
+import logo12 from '../../public/images/getinvolved/orca-conservancy.png'
+import logo13 from '../../public/images/getinvolved/orca-network.png'
 import logo9 from '../../public/images/getinvolved/pacman.png'
+import logo14 from '../../public/images/getinvolved/Port-Townsend-Marine-Science-Center.jpg'
 import roadmap from '../../public/images/getinvolved/roadmap.png'
+import logo15 from '../../public/images/getinvolved/sound-action.png'
 import topbanner from '../../public/images/getinvolved/srkw2-25.jpg'
 import logo1 from '../../public/images/getinvolved/twt.png'
 import valhacking from '../../public/images/getinvolved/val-hacking.png'
+import logo16 from '../../public/images/getinvolved/VashonNatureCenter-logo.png'
 import logo11 from '../../public/images/getinvolved/ws_logo.png'
 import TechStackList from '../components/GetInvolved/TechStackList'
 import TopBanner from '../components/TopBanner'
@@ -465,15 +470,76 @@ export const GetInvolved = () => {
       </Box>
 
       <div className={getinvolvedStyles.logos}>
-        <Image src={logo1} alt="The Whaletrail" />
-        <Image src={logo2} alt="Friends of Lime Kiln Society" />
-        <Image src={logo3} alt="Colorado College" />
-        <Image src={logo4} alt="Center of Whale Research" />
-        <Image src={logo5} alt="Cetacean Research Technology" />
-        <Image src={logo6} alt="Deep Green Wilderness" />
-        <Image src={logo8} alt="Oceans Initiative" />
-        <Image src={logo9} alt="Pacman" />
-        <Image src={logo11} alt="While Scout" />
+        <a href="https://thewhaletrail.org/connect/donate/">
+          <Image src={logo1} alt="The Whaletrail" />
+        </a>
+        <a href="https://folkssji.org/donate/">
+          <Image src={logo2} alt="Friends of Lime Kiln Society" />
+        </a>
+        <a href="https://www.whaleresearch.com/supportcwr">
+          <Image src={logo4} alt="Center of Whale Research" />
+        </a>
+        <a href="https://www.deepgreenwilderness.com/donate">
+          <Image src={logo6} alt="Deep Green Wilderness" />
+        </a>
+        <a href="https://oceansinitiative.org/get-involved/">
+          <Image src={logo8} alt="Oceans Initiative" />
+        </a>
+        <a href="https://pacmam.org/wp/donate/">
+          <Image src={logo9} alt="Pacmam" />
+        </a>
+        <a href="https://www.whalescout.org/">
+          <Image src={logo11} alt="Whale Scout" />
+        </a>
+        <a href="https://www.orcaconservancy.org/donate">
+          <Image src={logo12} alt="Orca Conservancy" />
+        </a>
+        <a href="https://www.orcanetwork.org/donate">
+          <Image src={logo13} alt="Orca Network" />
+        </a>
+        <a href="https://ptmsc.org/donate/">
+          <Image src={logo14} alt="Port Townsend Marine Science Center" />
+        </a>
+        <a href="https://soundaction.org/">
+          <Image src={logo15} alt="Sound Action" />
+        </a>
+        <a href="https://vashonnaturecenter.org/donate/">
+          <Image src={logo16} alt="Vashon Nature Center" />
+        </a>
+
+        <a href="https://orcabehaviorinstitute.org/">
+          <Typography
+            variant="p"
+            fontSize="20px"
+            paragraph={true}
+            align="justify"
+            color="#1B2B7B"
+            sx={{
+              textDecoration: 'underline',
+              fontWeight: '600',
+              mt: '20px',
+            }}
+          >
+            Orca Behavior Institute
+          </Typography>
+        </a>
+
+        <a href="https://www.projectseawolf.org/projectseawolforg/How_to_Help.html">
+          <Typography
+            variant="p"
+            fontSize="20px"
+            paragraph={true}
+            align="justify"
+            color="#1B2B7B"
+            sx={{
+              textDecoration: 'underline',
+              fontWeight: '600',
+              mt: '20px',
+            }}
+          >
+            Project SeaWolf
+          </Typography>
+        </a>
       </div>
     </div>
   )

src/styles/getinvolved.module.css

@@ -31,5 +31,14 @@
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
-  padding: 30px;
+  margin: 50px;
+}
+
+.logos a {
+  margin: 30px;
+}
+
+.logos img {
+  max-width: 300px !important;
+  max-height: 250px !important;
 }