diff --git a/frontend/src/pages/project/Project.tsx b/frontend/src/pages/project/Project.tsx
index 4fea7a6..859e983 100644
--- a/frontend/src/pages/project/Project.tsx
+++ b/frontend/src/pages/project/Project.tsx
@@ -15,7 +15,7 @@ export default class Project extends React.Component<Content> {
             return (
                 <div key={index} className='flex flex-col w-full gap-4 p-4 border-2 border-gray-700 rounded max-w-[60%] mx-auto'>
                     <h2 className='text-2xl font-bold text-center'>{project.titre}</h2>
-                    <img src={project.illustration} alt={project.titre} className='w-full h-96 object-cover' />
+                    <img src={`data:image/jpeg;base64,${project.illustration}`} alt={project.titre} className='w-full h-96 object-cover' />
                     <div dangerouslySetInnerHTML={{ __html: project.description }} />
                 </div>
             )
diff --git a/frontend/src/pages/welcome/Welcome.tsx b/frontend/src/pages/welcome/Welcome.tsx
index 6cfe981..7c5ddb4 100644
--- a/frontend/src/pages/welcome/Welcome.tsx
+++ b/frontend/src/pages/welcome/Welcome.tsx
@@ -34,7 +34,7 @@ class Welcome extends React.Component<Content, unknown> {
     const projectstag = projects.map((project, index) => {
       return (
         <div key={index} className='flex flex-col items-center w-full'>
-          <img src={project.imageUrl} alt={project.title} />
+          <img src={`data:image/jpeg;base64,${project.imageUrl}`} alt={project.title} />
           <h3>{project.title}</h3>
           <p>{project.description}</p>
         </div>