diff --git a/components/pages/HomeContainer/index.tsx b/components/pages/HomeContainer/index.tsx
index 1ff1a228..051811d4 100644
--- a/components/pages/HomeContainer/index.tsx
+++ b/components/pages/HomeContainer/index.tsx
@@ -44,7 +44,7 @@ export const HomeContainer = ({ data }: Props) => {
             <div key={item.id} className="keen-slider__slide">
               <StyledImage
                 key={item.id}
-                src={`${item.image.url}?fm=webp`}
+                src={`${item.image.url}?fit=clip&w=1400&h=1400?fm=webp`}
                 alt={item.title || ''}
                 width={item.image.width}
                 height={item.image.height}
diff --git a/components/pages/PhotoContainer/index.tsx b/components/pages/PhotoContainer/index.tsx
index fb6bf215..c0f9f40e 100644
--- a/components/pages/PhotoContainer/index.tsx
+++ b/components/pages/PhotoContainer/index.tsx
@@ -65,7 +65,7 @@ export const PhotoContainer = ({ data }: Props) => {
         columns={{ xs: 1, sm: 2, md: 3 }}
         spacing={{ xs: 1, sm: 2, md: 3 }}
       >
-        {data.map((item) => (
+        {data.map((item, index) => (
           <ImageWrap
             key={item.id}
             onClick={() =>
@@ -78,10 +78,11 @@ export const PhotoContainer = ({ data }: Props) => {
             }
           >
             <StyledImage
-              src={`${item.image.url}?w=400?fm=webp`}
+              src={`${item.image.url}?fit=clip&w=800&h=800?fm=webp`}
               alt={item.title || ''}
               width={item.image.width}
               height={item.image.height}
+              loading={index > 6 ? 'lazy' : 'eager'}
             />
           </ImageWrap>
         ))}