fix broken bio

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/collections/blog/2026/03-09-why-claude-code-cant-find-your-tools/index.mdx

@@ -45,7 +45,7 @@ import Callout from "../../../../reusecore/Callout";
   Zsh loads different configuration files depending on how it was launched. There are four main files, and they are read in this order:
 </p>
 
-<table className="table-2">
+<table className="table-3">
   <thead>
     <tr>
       <th>File</th>

src/collections/blog/Blog.style.js

@@ -51,11 +51,11 @@ export const BlogWrapper = styled.div`
     td {
       text-align: center;
       border-top: 1px dotted ${(props) => props.theme.secondaryLightColorTwo};
-      th {
-        background-color: ${(props) => props.theme.secondaryLightColorTwo};
-        color: #eee;
-        padding: 0rem 0.5rem;
-      }
+    }
+    th {
+      background-color: ${(props) => props.theme.secondaryLightColorTwo};
+      color: #eee;
+      padding: 0rem 0.5rem;
     }
     @media (max-width: 990px) {
       max-width: 100%;
@@ -96,23 +96,20 @@ export const BlogWrapper = styled.div`
     table {
       display: inline;
     }
-    ,
     tr:nth-child(even) {
       background-color: ${(props) => props.theme.secondaryLightColorTwo};
     }
-    ,
     tr:nth-child(odd) {
       background-color: ${(props) => props.theme.secondaryLightColor};
     }
-    ,
     td {
       text-align: center;
       border-top: 1px dotted ${(props) => props.theme.secondaryLightColorTwo};
-      th {
-        background-color: ${(props) => props.theme.secondaryLightColorTwo};
-        color: ${(props) => props.theme.grey232323ToGreyEEEEEE};
-        padding: 0rem 0.5rem;
-      }
+    }
+    th {
+      background-color: ${(props) => props.theme.secondaryLightColorTwo};
+      color: ${(props) => props.theme.grey232323ToGreyEEEEEE};
+      padding: 0rem 0.5rem;
     }
   }
   .table-box {
@@ -276,14 +273,6 @@ export const BlogWrapper = styled.div`
     float: left;
     margin: 1rem 1rem 1rem 0rem;
   }
-  div.intro {
-    padding-left: 3rem;
-    padding-right: 3rem;
-    font-style: italic;
-    font-size: 0.8rem;
-    border-bottom: 1px dashed ${(props) => props.theme.primaryLightColor};
-  }
-
   /* ==============
 styles for figure with caption
 

src/collections/members/lee-calcote/index.mdx

@@ -23,7 +23,7 @@ location: Austin, Texas, USA
 bio: "Lee Calcote is an innovative product and technology leader, passionate about empowering engineers and enabling organizations. As Founder of Layer5, he is at the forefront of the cloud native movement. Open source, advanced and emerging technologies have been a consistent focus through Calcote’s time at SolarWinds, Seagate, Cisco and Schneider Electric. An advisor, author, and speaker, Calcote is active in the community as a Docker Captain, Cloud Native Ambassador and GSoC, GSoD, and LFX Mentor."
 published: true
 executive_bio: true
-executive_image: ./Lee-Calcote.webp
+executive_image: ./lee-calcote.webp
 profile: "/executive-profiles/Lee-Calcote.zip"
 executive_position: Founder and CEO
 company: Layer5

src/sections/Community/Member-single/executive_bio.js

@@ -25,6 +25,12 @@ const MemberBio = ({ frontmatter, children }) => {
     executive_position,
     company,
   } = frontmatter;
+  const hasExecutiveImage = Boolean(
+    executive_image?.publicURL &&
+    (executive_image?.childImageSharp?.gatsbyImageData ||
+      executive_image?.extension === "svg"),
+  );
+
   return (
     <MemberSingleWrapper>
       <Container>
@@ -33,27 +39,31 @@ const MemberBio = ({ frontmatter, children }) => {
             <Col $xs={12} $sm={12} $lg={9}>
               <div className="header">
                 <div className="name">{name}</div>
-                {executive_position && <div className="position">{executive_position}, {company}</div>}
+                {executive_position && (
+                  <div className="position">
+                    {executive_position}, {company}
+                  </div>
+                )}
               </div>
             </Col>
             <Col $xs={12} $sm={12} $lg={3}>
-              <div className="exec-bio-image">
-                <Link to={executive_image.publicURL}>
-                  <Image
-                    className="profile-image"
-                    {...executive_image}
-                    alt={name}
-                  />
-                </Link>
-              </div>
+              {hasExecutiveImage && (
+                <div className="exec-bio-image">
+                  <Link to={executive_image.publicURL}>
+                    <Image
+                      className="profile-image"
+                      {...executive_image}
+                      alt={name}
+                    />
+                  </Link>
+                </div>
+              )}
             </Col>
           </Row>
           <Row>
             <Col $xs={12} $sm={12} $lg={9}>
               <h3>Executive Bio</h3>
-              <SRLWrapper>
-                {children}
-              </SRLWrapper>
+              <SRLWrapper>{children}</SRLWrapper>
             </Col>
             <Col $xs={12} $sm={12} $lg={3}>
               <div className="exec-bio-image">