Improve the image style.

assets/css/_addon/main.scss

@@ -734,6 +734,10 @@ a {
 
 } // a
 
+img {
+  max-width: 100%;
+}
+
 .post {
   h1 {
     margin-top: 3rem;
@@ -823,19 +827,13 @@ div.post-content .table-wrapper {
   }
   p {
     font-size: 1.08rem;
-  }
+    > img {
-  img {
-    max-width: 100%;
       margin-top: .5rem;
       margin-bottom: 1.5rem;
-    position: relative;
+      @include align-center;
-    left: 50%;
+    }
-    -webkit-transform: translateX(-50%);
-    -ms-transform: translateX(-50%);
-    transform: translateX(-50%);
   }
 }
-
 
 .tag:hover {
   @extend %tag-hover;

assets/css/_addon/module.scss

@@ -98,3 +98,11 @@
   font-weight: $font-weight;
   font-family: 'Roboto Condensed', 'Microsoft Yahei', sans-serif;
 }
+
+@mixin align-center {
+  position: relative;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}

assets/css/post.scss

@@ -45,6 +45,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
   .post-preview-img {
     margin-top: 0;
     margin-bottom: 2.5rem;
+    @include align-center;
   }
 }
 
@@ -341,19 +342,10 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
 
 /* Hide SideBar and TOC */
 @media all and (max-width: 830px) {
-  .post img {
-    position: relative;
-    left: 50%;
-    -webkit-transform: translateX(-50%);
-    -ms-transform: translateX(-50%);
-    transform: translateX(-50%);
-  }
-
   .post-navigation {
     padding-left: 0;
     padding-right: 0;
     margin-left: -.5rem;
     margin-right: -.5rem;
   }
-
 }