changed preview reported images

src/components/common/ImagePreview.jsx

@@ -45,7 +45,7 @@ const ImagePreview = ({ images = [], IsReported = false }) => {
       {selectedImage && (
         <GlobalModel
           isOpen={selectedImage}
-          size="lg"
+          size="md"
           dialogClass="modal-dialog-centered"
           closeModal={() => setSelectedImage(null)}
         >

src/components/common/ImagePreviewstyle.css

@@ -43,12 +43,14 @@
 }
 
 .img-preview {
-     width: 100%;
-    height: 500px;
-    object-fit: cover;
-    object-position: center;
+  width: 100%;
+  text-align: center;
+}
+
+.img-preview img {
+  max-width: 100%;
+  max-height: 80vh;
+  object-fit: contain;
+  display: block;
+  margin: 0 auto;
 }
-.img-preview img{
-    width: 100%;
-    height: 100%
-}