diff --git a/.vitepress/theme/components/ImageViewer.vue b/.vitepress/theme/components/ImageViewer.vue
index 87da938..cf32dd2 100644
--- a/.vitepress/theme/components/ImageViewer.vue
+++ b/.vitepress/theme/components/ImageViewer.vue
@@ -537,6 +537,8 @@ defineExpose({
   .content-image {
     border-radius: var(--md-sys-shape-corner-full);
 
+    background-color: var(--md-sys-color-surface-variant);
+
     clip-path: circle(10%);
     object-fit: contain;
     transition: var(--md-sys-motion-spring-slow-spatial-duration) var(--md-sys-motion-spring-slow-spatial);