diff --git a/components/landing/about.tsx b/components/landing/about.tsx
index 0e5fbf7..23e8ce1 100644
--- a/components/landing/about.tsx
+++ b/components/landing/about.tsx
@@ -49,7 +49,12 @@ export default function About({ about }: AboutProps) {
className='lg:col-span-3 w-4/5 md:w-1/2 mx-auto lg:w-full aspect-square rounded-2xl bg-gradient-to-tr from-transparent via-primary to-transparent'
>
-
+
diff --git a/components/landing/header.tsx b/components/landing/header.tsx
index 4dd5f57..0cefddd 100644
--- a/components/landing/header.tsx
+++ b/components/landing/header.tsx
@@ -106,7 +106,13 @@ export default function Header({ miscellaneous }: HeaderProps) {
diff --git a/components/landing/portfolio-card.tsx b/components/landing/portfolio-card.tsx
index fcd1bb4..11f0276 100644
--- a/components/landing/portfolio-card.tsx
+++ b/components/landing/portfolio-card.tsx
@@ -43,7 +43,7 @@ export default function PortfolioCard({
fill
placeholder='blur'
blurDataURL={portfolio.blurDataUrl}
- sizes='(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw'
+ sizes='(max-width: 1024px) 50vw, 30vw'
className='object-cover object-top group-hover:object-bottom transition-all duration-6000 ease-in-out rounded-t-2xl border-t border-x'
/>
) : portfolio.image ? (
@@ -51,7 +51,7 @@ export default function PortfolioCard({
src={portfolio.image}
alt='portfolio'
fill
- sizes='(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw'
+ sizes='(max-width: 1024px) 50vw, 30vw'
className='object-cover object-top group-hover:object-bottom transition-all duration-6000 ease-in-out rounded-t-2xl border-t border-x'
/>
) : null}