diff --git a/.env b/.env
new file mode 100644
index 0000000..a2a45e4
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="dfrugnsw9"
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index bd4b26a..ace6edb 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,7 +3,7 @@
 import React from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import Image from 'next/image';
-import headshot from '../public/finalheadshotedit.png';
+import { CldImage } from 'next-cloudinary';
 import styles from '../styles/Main.module.css';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
@@ -33,12 +33,14 @@ export default function Home() {
                 transition={{ delay: 0.4 }}
               >
                 <Link className="cursor-pointer" href={'/'}>
-                  <Image
+                  <CldImage
                     id="pictureImage"
                     className={styles['picture-image']}
-                    src={headshot}
+                    src="https://res.cloudinary.com/dfrugnsw9/image/upload/v1685401832/finalheadshotedit_tfqes4.png"
                     alt="Portrait of Urbano Baz"
                     loading="lazy"
+                    width={300}
+                    height={300}
                   />
                 </Link>
               </motion.div>
diff --git a/package-lock.json b/package-lock.json
index 657b338..584d3ce 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "eslint-config-next": "13.4.4",
         "framer-motion": "^10.12.22",
         "next": "^14.1.0",
+        "next-cloudinary": "^5.20.0",
         "postcss": "8.4.24",
         "react": "18.2.0",
         "react-dom": "18.2.0",
@@ -50,6 +51,42 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@cloudinary-util/url-loader": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@cloudinary-util/url-loader/-/url-loader-4.2.0.tgz",
+      "integrity": "sha512-fpCFqFPAN/f9Gt//25qLXNDYwy5EcOudRzDPOrsEBH6aMwEdFaJuPxvLiP0IP5MCihKji/XDr9QJQ9Wa+amNSA==",
+      "dependencies": {
+        "@cloudinary-util/util": "3.0.0",
+        "@cloudinary/url-gen": "1.15.0",
+        "zod": "^3.22.4"
+      }
+    },
+    "node_modules/@cloudinary-util/url-loader/node_modules/@cloudinary-util/util": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@cloudinary-util/util/-/util-3.0.0.tgz",
+      "integrity": "sha512-o6cJsN49OIelLcSkqUf4WzgefpePDFsAaeQfJbpcKhVdtvmWv71K0oZwMXuX62IY1OolqIg0etMiHtWZPhvPNA=="
+    },
+    "node_modules/@cloudinary-util/util": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@cloudinary-util/util/-/util-2.4.0.tgz",
+      "integrity": "sha512-RJW/K1hvm+qL2civTWgg7iKdTPDMLmpFBvH03KUkDxuDk/xi9E9x9nPthEsmdDy65GdCcZm0UKnErXXgKzMOQQ=="
+    },
+    "node_modules/@cloudinary/transformation-builder-sdk": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/@cloudinary/transformation-builder-sdk/-/transformation-builder-sdk-1.10.1.tgz",
+      "integrity": "sha512-UUb1wS/eWCf4YBThGszoBBzH6kP+frdd5JeJkF0/SOwbX3tkcrdzxD+Srn5GXPCqzf6Gw1nrGrv/3U9hiZP55A==",
+      "dependencies": {
+        "@cloudinary/url-gen": "^1.7.0"
+      }
+    },
+    "node_modules/@cloudinary/url-gen": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/@cloudinary/url-gen/-/url-gen-1.15.0.tgz",
+      "integrity": "sha512-bjU67eZxLUgoRy/Plli4TQio7q6P31OYqnEgXxeN9TKXrzr6h0DeEdIUhKI9gy3HkEBWXWWJIPh7j7gkOJPnyA==",
+      "dependencies": {
+        "@cloudinary/transformation-builder-sdk": "^1.10.0"
+      }
+    },
     "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",
@@ -2961,6 +2998,19 @@
         }
       }
     },
+    "node_modules/next-cloudinary": {
+      "version": "5.20.0",
+      "resolved": "https://registry.npmjs.org/next-cloudinary/-/next-cloudinary-5.20.0.tgz",
+      "integrity": "sha512-oEe//iguL/fZAJH2zTSs0Kyfv6k0vhXoA07L1rX4UzQrqEmyT741UwwasnYN1qOYSZuLdum97CbJO9JkDARwIQ==",
+      "dependencies": {
+        "@cloudinary-util/url-loader": "^4.1.1",
+        "@cloudinary-util/util": "^2.3.0"
+      },
+      "peerDependencies": {
+        "next": "^12 || ^13 || ^14",
+        "react": "^17 || ^18"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -4384,6 +4434,14 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zod": {
+      "version": "3.22.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
+      "integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 9852e1f..4cc51d9 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "eslint-config-next": "13.4.4",
     "framer-motion": "^10.12.22",
     "next": "^14.1.0",
+    "next-cloudinary": "^5.20.0",
     "postcss": "8.4.24",
     "react": "18.2.0",
     "react-dom": "18.2.0",