Add shadow effect option for images

_sass/addon/commons.scss

@@ -363,10 +363,6 @@ footer {
   overflow-wrap: break-word;
   word-wrap: break-word;
 
-  img[data-src] {
-    margin: 0.5rem 0;
-  }
-
   @mixin img-caption {
     + em {
       display: block;
@@ -378,9 +374,11 @@ footer {
     }
   }
 
-  @mixin img($caption: false) {
+  @mixin img-style($caption: false) {
+
+    img[data-src] {
+      margin: 0.5rem 0;
 
-    > img[data-src] {
       @if $caption {
         @include img-caption;
       }
@@ -395,9 +393,15 @@ footer {
         margin: 0.75rem 0 1rem 1rem;
       }
 
+      &.shadow {
+        filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
+      }
+
     }
   }
 
+  @include img-style(true);
+
   a {
     blockquote & {
       color: var(--link-color);
@@ -412,7 +416,7 @@ footer {
     }
 
     &.img-link {
-      @include img;
+      @include img-style;
       @include img-caption;
     }
   }
@@ -423,10 +427,6 @@ footer {
     }
   }
 
-  p {
-    @include img(true);
-  }
-
   ul {
     // attribute 'hide-bullet' was added by liquid
     .task-list-item[hide-bullet] {