diff --git a/src/pages/projects/[...slug].astro b/src/pages/projects/[...slug].astro
index 988afc9..a1d8469 100644
--- a/src/pages/projects/[...slug].astro
+++ b/src/pages/projects/[...slug].astro
@@ -164,6 +164,7 @@ const og = {
 
   .hero .img-container img {
     border-radius: 5px;
+    filter: drop-shadow(0 0 100px color(from var(--primary) srgb r g b / 0.2));
     max-width: 100%;
     height: auto;
     margin: auto;
diff --git a/src/styles/style.css b/src/styles/style.css
index cb37bb7..a18c033 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -191,7 +191,6 @@ button:hover,
   }
 
   &[data-placement="bottom"] {
-
     &::before,
     &::after {
       top: 100%;
@@ -207,7 +206,6 @@ button:hover,
   }
 
   &[data-placement="left"] {
-
     &::before,
     &::after {
       top: 50%;
@@ -225,7 +223,6 @@ button:hover,
   }
 
   &[data-placement="right"] {
-
     &::before,
     &::after {
       top: 50%;
@@ -244,7 +241,6 @@ button:hover,
 
   &:focus,
   &:hover {
-
     &::before,
     &::after {
       opacity: 1;
@@ -252,10 +248,8 @@ button:hover,
   }
 
   @media (hover: hover) and (pointer: fine) {
-
     &:focus,
     &:hover {
-
       &::before,
       &::after {
         --tooltip-slide-to: translate(-50%, -0.25rem);
@@ -274,10 +268,8 @@ button:hover,
     }
 
     &[data-placement="bottom"] {
-
       &:focus,
       &:hover {
-
         &::before,
         &::after {
           --tooltip-slide-to: translate(-50%, 0.25rem);
@@ -294,10 +286,8 @@ button:hover,
     }
 
     &[data-placement="left"] {
-
       &:focus,
       &:hover {
-
         &::before,
         &::after {
           --tooltip-slide-to: translate(-0.25rem, -50%);
@@ -314,10 +304,8 @@ button:hover,
     }
 
     &[data-placement="right"] {
-
       &:focus,
       &:hover {
-
         &::before,
         &::after {
           --tooltip-slide-to: translate(0.25rem, -50%);