diff --git a/docs/src/demos/Extensions/Image/index.vue b/docs/src/demos/Extensions/Image/index.vue
index 52615a3b..69981469 100644
--- a/docs/src/demos/Extensions/Image/index.vue
+++ b/docs/src/demos/Extensions/Image/index.vue
@@ -33,7 +33,7 @@ export default {
       ],
       content: `
         <p>This is basic example of implementing images. Try to drop new images here. Reordering also works.</p>
-        <img src="https://66.media.tumblr.com/dcd3d24b79d78a3ee0f9192246e727f1/tumblr_o00xgqMhPM1qak053o1_400.gif" />
+        <img src="https://source.unsplash.com/8xznAGy4HcY/800x600" />
       `,
     })
   },
diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index 95b824ad..39e5629b 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -109,6 +109,11 @@ code {
     }
   }
 
+  img {
+    width: 100%;
+    height: auto;
+  }
+
   hr {
     margin: 1rem 0;
   }
diff --git a/packages/extension-image/index.ts b/packages/extension-image/index.ts
index 605a4b52..73264e60 100644
--- a/packages/extension-image/index.ts
+++ b/packages/extension-image/index.ts
@@ -10,6 +10,8 @@ const Image = createNode({
 
   group: 'inline',
 
+  draggable: true,
+
   addAttributes() {
     return {
       src: {