diff --git a/create/image-embeds.mdx b/create/image-embeds.mdx
index 78bf23dde..f99435dc6 100644
--- a/create/image-embeds.mdx
+++ b/create/image-embeds.mdx
@@ -35,15 +35,27 @@ Image files must be less than 20 MB. For larger files, host them on a CDN servic
 
 For more control over image display, use HTML `<img>` tags:
 
-```html
+```jsx
 <img 
   src="/images/dashboard.png" 
   alt="Main dashboard interface"
-  height="300"
+  style={{height: "300px", width: "400px"}}
   className="rounded-lg"
 />
 ```
 
+#### Resize images with inline styles
+
+Use JSX inline styles with the `style` attribute to resize images:
+
+```jsx
+<img
+  src="/images/architecture.png"
+  style={{width: "450px", height: "auto"}}
+  alt="Diagram showing the architecture of the system"
+/>
+```
+
 #### Disable zoom functionality
 
 To disable the default zoom on click for images, add the `noZoom` property:
@@ -52,8 +64,7 @@ To disable the default zoom on click for images, add the `noZoom` property:
 <img 
   src="/images/screenshot.png" 
   alt="Descriptive alt text"
-  noZoom 
-  height="200"
+  noZoom
 />
 ```
 
@@ -66,8 +77,7 @@ To make an image a clickable link, wrap the image in an anchor tag and add the `
   <img 
     src="/images/logo.png" 
     alt="Mintlify logo"
-    noZoom 
-    height="100"
+    noZoom
   />
 </a>
 ```