diff --git a/.gitignore b/.gitignore
index 4f548e6b75..5d217a489d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@
.DS_Store
.AppleDouble
.LSOverride
+.idea
# Thumbnails
._*
diff --git a/src/developers/components/CloudinaryImage.vue b/src/developers/components/CloudinaryImage.vue
new file mode 100644
index 0000000000..1b30282a13
--- /dev/null
+++ b/src/developers/components/CloudinaryImage.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
diff --git a/src/developers/components/DeveloperCard.vue b/src/developers/components/DeveloperCard.vue
index 6d295c3697..f8a0acb7e7 100644
--- a/src/developers/components/DeveloperCard.vue
+++ b/src/developers/components/DeveloperCard.vue
@@ -3,6 +3,7 @@ import { computed } from 'vue'
import { DeveloperProfile } from './type'
import { truncateTextFromArray } from './utils'
import { VTIconMapPin } from '@vue/theme'
+import CloudinaryImage from './CloudinaryImage.vue'
import DeveloperProficiencies from './DeveloperProficiencies.vue'
import DeveloperCompensations from './DeveloperCompensations.vue'
import { useRouter } from 'vitepress'
@@ -16,8 +17,7 @@ const props = defineProps<{
const { id, alias, name, description, compensations, proficiencies, location } = props.data
-const profileImage = computed(() => `/images/developers/${id}.jpg`)
-
+const profileImage = computed(() => `/vue/developers/${id}.jpg`)
const trimmedDescription = computed(() => truncateTextFromArray(description, 220))
function openDeveloperPage() {
@@ -33,7 +33,16 @@ function openDeveloperPage() {
>