Moved from profile png to svg

public/img/profile.svg

@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.6 255.68"><defs><style>.cls-1{fill:#262626;}</style></defs><path class="cls-1" d="M292.88,264.68l-.06-68.53h55.65v88s-30.82,42.12-102.12,41.18C104.92,323.46,120,186.43,118.87,186c0,0,20.23,91.9,114.8,93.31C233.67,279.35,256.71,282.33,292.88,264.68Z" transform="translate(-118.87 -69.67)"/><path class="cls-1" d="M244.12,69.76c61.84-2.22,95.29,34.36,95.29,34.36l-29.17,41.53s-21.53-24-63.18-24.71c-82.4-1.4-71.47,88.06-71.47,88.06s-20.41-17.35-23-57.82C152.59,151.18,145.76,73.29,244.12,69.76Z" transform="translate(-118.87 -69.67)"/></svg>

src/components/Footer.tsx

@@ -5,7 +5,7 @@ const Footer = () => {
   return (
     <footer className="footer">
       <div className="container">
-        <img src="/img/profile.png" width="100%" height="100%" alt="" className="profile" />
+        <img src="/img/profile.svg" width="100%" height="100%" alt="" className="profile" />
         <div className="branding">
           Guus van Meerveld <br />
           &#169; {year}

src/components/Landing.tsx

@@ -2,7 +2,7 @@ const Landing = () => (
   <div className="landing">
     <div className="container">
       <span className="profile">
-        <img src="/img/profile.png" width="100%" height="100%" alt="" />
+        <img src="/img/profile.svg" width="100%" height="100%" alt="" />
       </span>
 
       <span className="title">Guus van Meerveld</span>