feat(aboutme): update photos and blurb

frontend/src/App.tsx

@@ -5,6 +5,9 @@ import React, {
   useEffect,
   useRef,
 } from "react";
+import cruiseImg from "./images/cruise.jpg";
+import discGolfImg from "./images/disc_golf_ace.jpg";
+import odinImg from "./images/odin.jpg";
 import {
   BrowserRouter as Router,
   Routes,
@@ -418,32 +421,48 @@ function LandingPage() {
 function About() {
   return (
     <div className="py-10">
-      <div className="flex justify-center items-end space-x-4">
-        <img
-          src="/images/photo1.jpg"
-          alt="Photo 1"
-          className="w-24 h-24 rounded-full"
-        />
-        <img
-          src="/images/photo2.jpg"
-          alt="Photo 2"
-          className="w-24 h-24 rounded-full transform translate-y-4"
-        />
-        <img
-          src="/images/photo3.jpg"
-          alt="Photo 3"
-          className="w-24 h-24 rounded-full"
-        />
+      <div className="flex justify-center items-end space-x-4 flex-wrap">
+        {[cruiseImg, discGolfImg, odinImg].map((src, i) => (
+          <img
+            key={i}
+            src={src}
+            alt={["Cruise", "Disc golf ace", "Odin"][i]}
+            className="
+          rounded-full 
+          aspect-square 
+          object-cover
+          w-1/3 max-w-[120px]     /* small screens: 33% of container, up to 120px */
+          sm:w-1/4 sm:max-w-[150px] /* ≥640px: 25% up to 150px */
+          md:w-1/6 md:max-w-[200px] /* ≥768px: ~16% up to 200px */
+          lg:w-1/8 lg:max-w-[250px] /* ≥1024px: 12.5% up to 250px */
+        "
+          />
+        ))}
       </div>
       <div className="text-center mt-8 px-4">
         <h2 className="text-3xl font-bold mb-4">About Me</h2>
         <p className="text-lg text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
-          I am a software engineer at Whisker who designs and implements
-          whatever is highest priority. I work with every team in the
-          engineering organization to coordinate mission-critical projects
-          across backend, mobile, and firmware. I’m comfortable in many tech
-          stacks and learn new ones quickly—never afraid to jump in the deep end
-          and adapt on the fly.
+          Hi! My name is Alex Muszynski, a software engineer at Whisker. At
+          Whisker I tend to pick my hat depending on the day. Whether that means
+          building backend services, tweaking the mobile app, or helping out
+          with firmware. Learning new technologies is my passion, and I pride
+          myself on getting the whole team up to speed fast.
+        </p>
+        <p className="text-lg text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
+          Besides tech I'm also a big reader, currently enjoying Throne of
+          Glass, and enjoy writing a fair amount -- funny considering this is my
+          blog site. I also enjoy the great outdoors: disc golfing, hiking (with
+          the dogs &amp; my loving girlfriend(not pictured I swear she exists..)
+          of course), and playing various sports with co-workers to name a few.
+          I'm borderline wishing I just made this a bulleted list because I
+          would be silly to not mention D&amp;D (currently a sorcerer).
+        </p>
+        <p className="text-lg text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
+          So what will I be writing about? A little bit of all the above lol.
+          Whether it is a good book, some great technology, or just a shower
+          thought you can expect to find a wide array of topics here if you
+          stick around long enough. (Hopefully I will have tag filtering
+          implemented at that time :p)
         </p>
       </div>
       <div className="mt-8 flex flex-col items-center space-y-2">