diff --git a/_sass/base/_base.scss b/_sass/base/_base.scss
index 19f153bd657..91b864c287a 100644
--- a/_sass/base/_base.scss
+++ b/_sass/base/_base.scss
@@ -474,3 +474,10 @@ mjx-container {
     margin-top: 3rem;
   }
 }
+
+/* --- image's shadow --- */
+
+img.shadow {
+  @extend %rounded;
+  box-shadow: 0 .5rem 1rem var(--img-shadow-color) !important;
+}
\ No newline at end of file
diff --git a/_sass/themes/_dark.scss b/_sass/themes/_dark.scss
index 8c2f6ea8bd5..10cb60ceb39 100644
--- a/_sass/themes/_dark.scss
+++ b/_sass/themes/_dark.scss
@@ -81,6 +81,7 @@
   --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);
   --prompt-danger-bg: rgb(86, 28, 8, 0.8);
   --prompt-danger-icon-color: #cd0202;
+  --img-shadow-color : rgb(255, 255, 255, 1);
 
   /* Tags */
   --tag-border: rgb(59, 79, 88);
diff --git a/_sass/themes/_light.scss b/_sass/themes/_light.scss
index 14c3962b7ae..dc63b25f292 100644
--- a/_sass/themes/_light.scss
+++ b/_sass/themes/_light.scss
@@ -81,6 +81,7 @@
   --prompt-warning-icon-color: #ef9c03;
   --prompt-danger-bg: rgb(248, 215, 218, 0.56);
   --prompt-danger-icon-color: #df3c30;
+  --img-shadow-color : rgb(0, 0, 0, 1);
 
   /* Tags */
   --tag-border: #dee2e6;