diff --git a/package-lock.json b/package-lock.json
index 06cb423..dd18c3b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,8 @@
         "react-chartjs-2": "^5.2.0",
         "react-dom": "^18.2.0",
         "react-i18next": "^14.1.2",
+        "react-lazy-load-image-component": "^1.6.0",
+        "react-material-ui-carousel": "^3.4.2",
         "react-router-dom": "^6.23.1"
       },
       "devDependencies": {
@@ -2738,6 +2740,48 @@
       "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
       "dev": true
     },
+    "node_modules/framer-motion": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-4.1.17.tgz",
+      "integrity": "sha512-thx1wvKzblzbs0XaK2X0G1JuwIdARcoNOW7VVwjO8BUltzXPyONGAElLu6CiCScsOQRI7FIk/45YTFtJw5Yozw==",
+      "dependencies": {
+        "framesync": "5.3.0",
+        "hey-listen": "^1.0.8",
+        "popmotion": "9.3.6",
+        "style-value-types": "4.1.4",
+        "tslib": "^2.1.0"
+      },
+      "optionalDependencies": {
+        "@emotion/is-prop-valid": "^0.8.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8 || ^17.0.0",
+        "react-dom": ">=16.8 || ^17.0.0"
+      }
+    },
+    "node_modules/framer-motion/node_modules/@emotion/is-prop-valid": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz",
+      "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==",
+      "optional": true,
+      "dependencies": {
+        "@emotion/memoize": "0.7.4"
+      }
+    },
+    "node_modules/framer-motion/node_modules/@emotion/memoize": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz",
+      "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==",
+      "optional": true
+    },
+    "node_modules/framesync": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz",
+      "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -2883,6 +2927,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
+    },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -3151,12 +3200,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -3417,6 +3476,17 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/popmotion": {
+      "version": "9.3.6",
+      "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.3.6.tgz",
+      "integrity": "sha512-ZTbXiu6zIggXzIliMi8LGxXBF5ST+wkpXGEjeTUDUOCdSQ356hij/xjeUdv0F8zCQNeqB1+PR5/BB+gC+QLAPw==",
+      "dependencies": {
+        "framesync": "5.3.0",
+        "hey-listen": "^1.0.8",
+        "style-value-types": "4.1.4",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.38",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
@@ -3556,6 +3626,41 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
     },
+    "node_modules/react-lazy-load-image-component": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/react-lazy-load-image-component/-/react-lazy-load-image-component-1.6.0.tgz",
+      "integrity": "sha512-8KFkDTgjh+0+PVbH+cx0AgxLGbdTsxWMnxXzU5HEUztqewk9ufQAu8cstjZhyvtMIPsdMcPZfA0WAa7HtjQbBQ==",
+      "dependencies": {
+        "lodash.debounce": "^4.0.8",
+        "lodash.throttle": "^4.1.1"
+      },
+      "peerDependencies": {
+        "react": "^15.x.x || ^16.x.x || ^17.x.x || ^18.x.x",
+        "react-dom": "^15.x.x || ^16.x.x || ^17.x.x || ^18.x.x"
+      }
+    },
+    "node_modules/react-material-ui-carousel": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/react-material-ui-carousel/-/react-material-ui-carousel-3.4.2.tgz",
+      "integrity": "sha512-jUbC5aBWqbbbUOOdUe3zTVf4kMiZFwKJqwhxzHgBfklaXQbSopis4iWAHvEOLcZtSIJk4JAGxKE0CmxDoxvUuw==",
+      "dependencies": {
+        "@emotion/react": "^11.7.1",
+        "@emotion/styled": "^11.6.0",
+        "@mui/icons-material": "^5.4.1",
+        "@mui/material": "^5.4.1",
+        "@mui/system": "^5.4.1",
+        "framer-motion": "^4.1.17"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "@mui/icons-material": "^5.0.0",
+        "@mui/material": "^5.0.0",
+        "@mui/system": "^5.0.0",
+        "react": "^17.0.1 || ^18.0.0",
+        "react-dom": "^17.0.2 || ^18.0.0"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.14.2",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
@@ -3814,6 +3919,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-value-types": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz",
+      "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==",
+      "dependencies": {
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/stylis": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
@@ -3884,6 +3998,11 @@
         "typescript": ">=4.2.0"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
diff --git a/package.json b/package.json
index 3cbc8ec..5f9f452 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,8 @@
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.2",
+    "react-lazy-load-image-component": "^1.6.0",
+    "react-material-ui-carousel": "^3.4.2",
     "react-router-dom": "^6.23.1"
   },
   "devDependencies": {
diff --git a/src/About.tsx b/src/About.tsx
index 33271b3..4880ff2 100644
--- a/src/About.tsx
+++ b/src/About.tsx
@@ -1,10 +1,33 @@
 import { Typography, Container, Avatar, List, ListItem, ListItemText } from '@mui/material'
 import { useTranslation } from 'react-i18next'
-import image1 from './assets/images/78743416_2588340067930838_9025297886149083136_n.jpeg'
-import image2 from './assets/images/28378086_1616056785159176_862979226448649839_n.jpeg'
-import image3 from './assets/images/88950387_2784083098356533_6828161491334594560_n.jpeg'
-import image4 from './assets/images/87738062_2784085668356276_3167127129091473408_n.jpeg'
+import main from './assets/images/main.jpg'
+import { LazyLoadImage } from 'react-lazy-load-image-component'
+import image1 from './assets/images/1.jpg'
+import image2 from './assets/images/2.jpg'
+import image3 from './assets/images/3.jpg'
+import image4 from './assets/images/4.jpg'
+import image5 from './assets/images/5.jpg'
+import image6 from './assets/images/6.jpg'
+import image7 from './assets/images/7.jpg'
+import image8 from './assets/images/8.jpg'
+import image9 from './assets/images/9.jpg'
+import image10 from './assets/images/10.jpg'
+import image11 from './assets/images/11.jpg'
+import image12 from './assets/images/12.jpg'
+import image13 from './assets/images/13.jpg'
+import image14 from './assets/images/14.jpg'
+import image15 from './assets/images/15.jpg'
+import image16 from './assets/images/16.jpg'
+import image17 from './assets/images/17.jpg'
+import image18 from './assets/images/18.jpg'
+import image19 from './assets/images/19.jpg'
+import image20 from './assets/images/20.jpg'
+import image21 from './assets/images/21.jpg'
+import image22 from './assets/images/22.jpg'
+import image23 from './assets/images/23.jpg'
+import image24 from './assets/images/24.jpg'
 import NavBar from './NavBar'
+import Carousel from 'react-material-ui-carousel'
 
 function About() {
   const { t } = useTranslation()
@@ -15,7 +38,7 @@ function About() {
         <Typography variant="h1" sx={{ mb: 3 }}>Web Dev Talks</Typography>
         <Typography sx={{ my: 3 }}>{t("aboutUs.quote")}<b>{t("aboutUs.adrianReyes")}</b></Typography>
 
-        <Avatar variant="square" src={image1} alt="" sx={{ width: '100%', height: '100%' }} />
+        <Avatar variant="square" src={main} alt="" sx={{ width: '100%', height: '100%' }} />
 
         <Typography variant="h2" sx={{ my: 5 }}>{t("aboutUs.whoIs")}</Typography>
         <Typography>{t("aboutUs.description")}</Typography>
@@ -27,9 +50,9 @@ function About() {
         <Typography>{t("aboutUs.dynamicBody1")}</Typography>
         <Typography>{t("aboutUs.dynamicBody2")}</Typography>
 
-        <Avatar variant="square" src={image2} alt="" sx={{ width: '100%', height: '100%', my: 5 }} />
+        <Avatar variant="square" src={image1} alt="" sx={{ width: '100%', height: '100%', my: 5 }} />
 
-        <Avatar variant="square" src={image3} alt="" sx={{ width: '100%', height: '100%', my: 5 }} />
+        <Avatar variant="square" src={image8} alt="" sx={{ width: '100%', height: '100%', my: 5 }} />
 
         <Typography variant="h2" sx={{ my: 3 }}>{t("aboutUs.socialImpact")}</Typography>
         <Typography>{t("aboutUs.socialImpactBody1")}</Typography>
@@ -64,6 +87,31 @@ function About() {
 
         <Typography variant="h3" sx={{ my: 3 }}>{t("aboutUs.communityHeader")}</Typography>
 
+        <Typography variant="h3" sx={{ my: 5 }}>{t("aboutUs.gallery")}</Typography>
+        <Carousel sx={{ width: '100%', marginBottom: '1rem' }} interval={5000} animation={'slide'} height={'50vw'} indicators={false} duration={750}>
+          <LazyLoadImage src={image2} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image3} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }}/>
+          <LazyLoadImage src={image4} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }}/>
+          <LazyLoadImage src={image5} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image6} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image7} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image9} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image10} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image11} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image12} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image13} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image14} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image15} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image16} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image17} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image18} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image19} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image20} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image21} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image22} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image23} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+          <LazyLoadImage src={image24} alt={''} style={{ height: '100%', width: '100%', objectFit: 'cover' }} />
+        </Carousel>
       </Container>
     </>
   )
diff --git a/src/assets/images/1.jpg b/src/assets/images/1.jpg
new file mode 100644
index 0000000..ea17d02
Binary files /dev/null and b/src/assets/images/1.jpg differ
diff --git a/src/assets/images/10.jpg b/src/assets/images/10.jpg
new file mode 100644
index 0000000..96de2c2
Binary files /dev/null and b/src/assets/images/10.jpg differ
diff --git a/src/assets/images/11.jpg b/src/assets/images/11.jpg
new file mode 100644
index 0000000..0736272
Binary files /dev/null and b/src/assets/images/11.jpg differ
diff --git a/src/assets/images/12.jpg b/src/assets/images/12.jpg
new file mode 100644
index 0000000..96c2052
Binary files /dev/null and b/src/assets/images/12.jpg differ
diff --git a/src/assets/images/13.jpg b/src/assets/images/13.jpg
new file mode 100644
index 0000000..f09c808
Binary files /dev/null and b/src/assets/images/13.jpg differ
diff --git a/src/assets/images/14.jpg b/src/assets/images/14.jpg
new file mode 100644
index 0000000..1ab0a77
Binary files /dev/null and b/src/assets/images/14.jpg differ
diff --git a/src/assets/images/15.jpg b/src/assets/images/15.jpg
new file mode 100644
index 0000000..aec5668
Binary files /dev/null and b/src/assets/images/15.jpg differ
diff --git a/src/assets/images/16.jpg b/src/assets/images/16.jpg
new file mode 100644
index 0000000..583e256
Binary files /dev/null and b/src/assets/images/16.jpg differ
diff --git a/src/assets/images/17.jpg b/src/assets/images/17.jpg
new file mode 100644
index 0000000..83fac0e
Binary files /dev/null and b/src/assets/images/17.jpg differ
diff --git a/src/assets/images/18.jpg b/src/assets/images/18.jpg
new file mode 100644
index 0000000..67afe8a
Binary files /dev/null and b/src/assets/images/18.jpg differ
diff --git a/src/assets/images/19.jpg b/src/assets/images/19.jpg
new file mode 100644
index 0000000..37b023a
Binary files /dev/null and b/src/assets/images/19.jpg differ
diff --git a/src/assets/images/2.jpg b/src/assets/images/2.jpg
new file mode 100644
index 0000000..d4b17b1
Binary files /dev/null and b/src/assets/images/2.jpg differ
diff --git a/src/assets/images/20.jpg b/src/assets/images/20.jpg
new file mode 100644
index 0000000..0db2a9b
Binary files /dev/null and b/src/assets/images/20.jpg differ
diff --git a/src/assets/images/21.jpg b/src/assets/images/21.jpg
new file mode 100644
index 0000000..56620bd
Binary files /dev/null and b/src/assets/images/21.jpg differ
diff --git a/src/assets/images/22.jpg b/src/assets/images/22.jpg
new file mode 100644
index 0000000..5a996e9
Binary files /dev/null and b/src/assets/images/22.jpg differ
diff --git a/src/assets/images/23.jpg b/src/assets/images/23.jpg
new file mode 100644
index 0000000..1686ce4
Binary files /dev/null and b/src/assets/images/23.jpg differ
diff --git a/src/assets/images/24.jpg b/src/assets/images/24.jpg
new file mode 100644
index 0000000..3989f53
Binary files /dev/null and b/src/assets/images/24.jpg differ
diff --git a/src/assets/images/3.jpg b/src/assets/images/3.jpg
new file mode 100644
index 0000000..d00bf9f
Binary files /dev/null and b/src/assets/images/3.jpg differ
diff --git a/src/assets/images/4.jpg b/src/assets/images/4.jpg
new file mode 100644
index 0000000..85eef5d
Binary files /dev/null and b/src/assets/images/4.jpg differ
diff --git a/src/assets/images/5.jpg b/src/assets/images/5.jpg
new file mode 100644
index 0000000..3cb64b2
Binary files /dev/null and b/src/assets/images/5.jpg differ
diff --git a/src/assets/images/6.jpg b/src/assets/images/6.jpg
new file mode 100644
index 0000000..668f665
Binary files /dev/null and b/src/assets/images/6.jpg differ
diff --git a/src/assets/images/7.jpg b/src/assets/images/7.jpg
new file mode 100644
index 0000000..bdca229
Binary files /dev/null and b/src/assets/images/7.jpg differ
diff --git a/src/assets/images/8.jpg b/src/assets/images/8.jpg
new file mode 100644
index 0000000..f8f9a94
Binary files /dev/null and b/src/assets/images/8.jpg differ
diff --git a/src/assets/images/9.jpg b/src/assets/images/9.jpg
new file mode 100644
index 0000000..b665932
Binary files /dev/null and b/src/assets/images/9.jpg differ
diff --git a/src/assets/images/main.jpg b/src/assets/images/main.jpg
new file mode 100644
index 0000000..cc2ccd1
Binary files /dev/null and b/src/assets/images/main.jpg differ