fix

package.json

 {
     "name": "react-ag-qeditor",
-    "version": "1.0.89",
+    "version": "1.0.90",
     "description": "WYSIWYG html editor",
     "author": "atma",
     "license": "MIT",

src/extensions/Image.jsx

@@ -365,20 +365,30 @@ const ResizableImageExtension = TipTapImage.extend({
             'data-type': 'resizable-image',
             'data-image-wrapper': true,
             style: `
-                display: ${align === 'center' ? 'block' : 'inline-block'};
-                float: ${floatDirection};
-                margin: ${align === 'left' ? '0 1rem 1rem 0' :
+            display: ${align === 'center' ? 'block' : 'inline-block'};
+            float: ${floatDirection};
+            margin: ${align === 'left' ? '0 1rem 1rem 0' :
                 align === 'right' ? '0 0 1rem 1rem' :
                     align === 'wrap-left' ? '0 1rem 1rem 0' :
                         align === 'wrap-right' ? '0 0 1rem 1rem' :
                             align === 'center' ? '0.5rem auto' : '0'};
-                shape-outside: ${isWrap ? 'margin-box' : 'none'};
-                vertical-align: top;
-                position: relative;
-                z-index: 1;
-            `,
+            shape-outside: ${isWrap ? 'margin-box' : 'none'};
+            vertical-align: top;
+            position: relative;
+            z-index: 1;
+            ${align === 'center' ? 'width: 100%; text-align: center;' : ''}
+        `,
             'data-align': align
-        }, ['img', HTMLAttributes]];
+        }, ['img', {
+            ...HTMLAttributes,
+            style: `
+            ${HTMLAttributes.style || ''};
+            display: ${align === 'center' ? 'inline-block' : 'block'};
+            margin: ${align === 'center' ? '0 auto' : '0'};
+            max-width: 100%;
+            height: auto;
+        `
+        }]];
     },
 
     addNodeView() {