diff --git a/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx b/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx
+++ b/src/components/dashboard/damages/operator/RowActions/ImageDialog/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx b/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx
+++ b/src/components/dashboard/fastReact/operator/RowActions/ImageDialog/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx b/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx
+++ b/src/components/dashboard/fastReact/supervisor/RowActions/ImageDialog/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx b/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx
index 9aaa92e..c8f22d0 100644
--- a/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx
+++ b/src/components/dashboard/roadItems/operator/RowActions/ImageForm/ImageFormContent.jsx
@@ -1,4 +1,4 @@
-import { Box, DialogContent, Paper, Stack, Typography, useTheme } from "@mui/material";
+import { Box, Stack, Typography, useTheme } from "@mui/material";
 import Image from "next/image";
 
 const ImageFormContent = ({ image, title }) => {
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",
diff --git a/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx b/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx
index 9aaa92e..9ddb19b 100644
--- a/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx
+++ b/src/components/dashboard/roadItems/supervisor/RowActions/ImageForm/ImageFormContent.jsx
@@ -29,6 +29,7 @@ const ImageFormContent = ({ image, title }) => {
                     src={image}
                     alt="Image"
                     fill={true}
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     loading="lazy"
                     style={{
                         objectFit: "contain",