diff --git a/packages/comment-widget/src/styles/content.css b/packages/comment-widget/src/styles/content.css
index 77c5265c..6fd64c74 100644
--- a/packages/comment-widget/src/styles/content.css
+++ b/packages/comment-widget/src/styles/content.css
@@ -49,7 +49,8 @@
 .content img {
   display: inline;
   border-style: none;
-  max-width: 100%;
+  max-width: var(--halo-cw-content-img-max-width, 100%);
+  height: auto;
   box-sizing: content-box;
 }
 
diff --git a/packages/ui/src/components/Content.vue b/packages/ui/src/components/Content.vue
index c8a73ebf..3bbaa518 100644
--- a/packages/ui/src/components/Content.vue
+++ b/packages/ui/src/components/Content.vue
@@ -6,5 +6,8 @@ defineProps<{
 }>();
 </script>
 <template>
-  <comment-content :content="content"></comment-content>
+  <comment-content
+    :content="content"
+    style="--halo-cw-content-img-max-width: 50%"
+  ></comment-content>
 </template>