diff --git a/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx b/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
index c77c342..cb8a1f0 100644
--- a/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
+++ b/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
@@ -11,6 +11,7 @@ export const IntroImage = () => {
           alt='codingcodax avatar'
           className='rounded-full grayscale'
           height={100}
+          placeholder='blur'
           src='https://avatars.githubusercontent.com/u/48135533?v=4'
           width={100}
         />
diff --git a/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx b/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
index 4c6716b..5aef534 100644
--- a/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
+++ b/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
@@ -13,6 +13,7 @@ export const ProjectImage = ({ image, alt }: Props) => {
         <Image
           alt={alt}
           className='aspect-video h-full w-full bg-grey-bg'
+          placeholder='blur'
           src={image}
         />
       </figure>