diff --git a/assets/about-image.png b/assets/about-image.png
index c6e5b0b..f3fb1bd 100644
Binary files a/assets/about-image.png and b/assets/about-image.png differ
diff --git a/public/assets/about-image.webp b/public/assets/about-image.webp
index e724d2a..e7dbd9d 100644
Binary files a/public/assets/about-image.webp and b/public/assets/about-image.webp differ
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
index bf60dc5..61fbf7e 100644
--- a/src/pages/About.jsx
+++ b/src/pages/About.jsx
@@ -98,8 +98,8 @@ const About = () => {
         <div className="absolute inset-0 -z-10">
           <img
             src="/assets/about-image.webp"
-            alt="Queue North team member reviewing communications infrastructure"
-            className="h-full w-full object-cover object-center"
+            alt="Compass on a dark navigation map"
+            className="h-full w-full object-cover object-[66%_top] md:object-[62%_top]"
           />
           <div className="absolute inset-0 bg-primary-navy/88" />
           <div className="absolute inset-0 bg-gradient-to-r from-primary-navy via-primary-navy/95 to-primary-navy/60" />