style(index): Better responsive design

pages/index.js

@@ -57,7 +57,7 @@ export default function Home({ data, placeholders }) {
                 Galerie Photo
               </Text>
           </Container>
-          <Wrap px={"10rem"} spacing={"1rem"} mb={1} justify="center">
+          <Wrap px={"4.5rem"} spacing={"1rem"} mb={1} justify="center">
             {photos.map((photo) => (
               <WrapItem
                 key={"wrap-" + photo.id}
@@ -76,7 +76,7 @@ export default function Home({ data, placeholders }) {
                     <Image
                       key={photo.path}
                       src={photo.path}
-                      width={"240px"}
+                      width="240px"
                       height="240px"
                       objectFit="cover"
                       quality={20}