diff --git a/public/images/phc-logo-2024-11.png b/public/images/phc-logo-2024-11.png
new file mode 100644
index 0000000..4bd53b6
Binary files /dev/null and b/public/images/phc-logo-2024-11.png differ
diff --git a/public/images/phc-logo-2024-11@x8.png b/public/images/phc-logo-2024-11@x8.png
new file mode 100644
index 0000000..02d37cd
Binary files /dev/null and b/public/images/phc-logo-2024-11@x8.png differ
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 23e16ee..7b8a7d4 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,6 +1,6 @@
 <header>
     <a href="/" class="logo">
-        <img src="/images/logo-circuit-board.svg" alt="phc logo" />
+        <img src="/images/phc-logo-2024-11@x8.png" alt="phc logo" />
     </a>
     <input type="checkbox" id="header-menu-toggle" />
     <div class="links desktop-only">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ec18a76..603e52f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -15,7 +15,7 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
             <script src="../scripts/circuits-art.ts"></script>
         </div>
         <div class="logo">
-            <img src="/images/logo-circuit-board.svg" alt="phc logo" />
+            <img src="/images/phc-logo-2024-11@x8.png" alt="phc logo" />
         </div>
         <div class="whats-phc card large">
             <input type="checkbox" class="hide" id="mobile-whats-phc-read-more" checked />
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 209b5df..b7a3c14 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -97,10 +97,10 @@ body {
         justify-content: space-between;
 
         .logo {
-            padding-left: 0.5rem;
+            padding-left: 1rem;
 
             img {
-                height: 4rem;
+                height: 3.5rem;
             }
         }
 
diff --git a/src/styles/pages.scss b/src/styles/pages.scss
index cb2ad80..982f1dc 100644
--- a/src/styles/pages.scss
+++ b/src/styles/pages.scss
@@ -110,9 +110,9 @@
 
                 img {
                     width: 100%;
-                    filter: drop-shadow(6px 6px 0 var(--palette-black))
-                        drop-shadow(4px 0 0 var(--palette-black)) drop-shadow(0 4px 0 var(--palette-black))
-                        drop-shadow(-4px 0 0 var(--palette-black)) drop-shadow(0 -4px 0 var(--palette-black));
+                    // filter: drop-shadow(6px 6px 0 var(--palette-black))
+                    //     drop-shadow(4px 0 0 var(--palette-black)) drop-shadow(0 4px 0 var(--palette-black))
+                    //     drop-shadow(-4px 0 0 var(--palette-black)) drop-shadow(0 -4px 0 var(--palette-black));
                 }
             }