diff --git a/package.json b/package.json
index 9ebaabbc..715455ab 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
-		"dev": "next build && next dev",
+		"dev": "next dev",
 		"build": "next build",
 		"start": "next start",
 		"lint": "next lint",
diff --git a/src/front/Assets/images/404-background-image.jpeg b/src/front/Assets/images/404-background-image.jpeg
new file mode 100644
index 00000000..bc4c9fe6
Binary files /dev/null and b/src/front/Assets/images/404-background-image.jpeg differ
diff --git a/src/front/Components/DesignSystem/FilePreview/index.tsx b/src/front/Components/DesignSystem/FilePreview/index.tsx
index d7e6f794..6ea12f73 100644
--- a/src/front/Components/DesignSystem/FilePreview/index.tsx
+++ b/src/front/Components/DesignSystem/FilePreview/index.tsx
@@ -3,6 +3,7 @@ import React from "react";
 import Typography, { ITypo, ITypoColor } from "../Typography";
 import classes from "./classes.module.scss";
 import Loader from "../Loader";
+import Image from "next/image";
 
 type IProps = {
 	href: string;
@@ -26,11 +27,11 @@ export default class FilePreview extends React.Component<IProps, IState> {
 					</Typography>
 				)}
 				<div className={classes["file-container"]}>
-					{type?.toLowerCase() === "pdf" && (
-						<embed src={this.props.href} width="100%" height="100%" type="application/pdf" className={classes["pdf"]} />
-					)}
-					{type?.toLowerCase() !== "pdf" && <img src={this.props.href} alt="File preview" className={classes["image"]} />}
-				</div>
+						{type?.toLowerCase() === "pdf" && (
+							<embed src={this.props.href} width="100%" height="100%" type="application/pdf" className={classes["pdf"]} />
+						)}
+						{type?.toLowerCase() !== "pdf" && <Image src={this.props.href} alt="File preview" className={classes["image"]} />}
+					</div>
 			</div>
 		);
 	}
diff --git a/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/index.tsx b/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/index.tsx
index e76a0821..033d8643 100644
--- a/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultDoubleSidePage/index.tsx
@@ -40,7 +40,7 @@ export default class DefaultDoubleSidePage extends React.Component<IProps, IStat
 					)}
 					{this.props.type === "background" && (
 						<div className={classNames(classes["sides"], classes["background-image-container"])}>
-							<Image alt={"right side image"} src={this.props.image} className={classes["background-image"]} />
+							<Image alt={"right side image"} src={this.props.image} className={classes["background-image"]} priority />
 						</div>
 					)}
 				</div>
diff --git a/src/front/Components/Layouts/Folder/CreateFolder/background-image.jpeg b/src/front/Components/Layouts/Folder/CreateFolder/background-image.jpeg
deleted file mode 100644
index 5e9b36e1..00000000
Binary files a/src/front/Components/Layouts/Folder/CreateFolder/background-image.jpeg and /dev/null differ
diff --git a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
index 353784fc..b7ee1116 100644
--- a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
+++ b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
@@ -18,7 +18,7 @@ import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
 import User from "le-coffre-resources/dist/Notary";
 import Folders, { IPostFoldersParams } from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
 import { NextRouter, useRouter } from "next/router";
-import BackgroundImage from "./background-image.jpeg";
+import backgroundImage from "@Front/assets/images/404-background-image.jpeg";
 
 type IFormValues = {
 	folder_number: string;
@@ -73,7 +73,7 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 
 	public override render(): JSX.Element {
 		return (
-			<DefaultDoubleSidePage title={"Dossier"} image={BackgroundImage} type="background" showHeader={true}>
+			<DefaultDoubleSidePage title={"Dossier"} image={backgroundImage} type="background" showHeader={true}>
 				<div className={classes["root"]}>
 					<BackArrow />
 					<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["title"]}>
diff --git a/src/front/Components/Layouts/PageNotFound/index.tsx b/src/front/Components/Layouts/PageNotFound/index.tsx
index bdbd778f..e0d52b93 100644
--- a/src/front/Components/Layouts/PageNotFound/index.tsx
+++ b/src/front/Components/Layouts/PageNotFound/index.tsx
@@ -6,7 +6,8 @@ import BasePage from "../Base";
 import classes from "./classes.module.scss";
 import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
 
-import backgroundImage from "../Folder/CreateFolder/background-image.jpeg";
+import backgroundImage from "@Front/assets/images/404-background-image.jpeg";
+
 export default class PageNotFound extends BasePage {
 	public override render(): JSX.Element {
 		return (