update image style

Author: anmol-algo

src/css/base.css

@@ -95,6 +95,20 @@ i {
   padding: 0 var(--width-container-gutter);
 }
 
+@media all and (max-width: 992px) {
+  .container,
+  .container-fluid {
+    padding: 0 2rem;
+  }
+}
+
+@media all and (max-width: 767px) {
+  .container,
+  .container-fluid {
+    padding: 0 1.75rem;
+  }
+}
+
 .hide,
 .hide-nav {
   display: none;

src/css/doc.css

@@ -430,10 +430,18 @@ ul ul ul {
   /* padding-left: var(--base-space); */
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
-  /* align-items: center; */
+  align-items: center;
   max-width: var(--image-block-container);
 }
 
+.doc .imageblock.align-left {
+  align-items: flex-start;
+}
+
+.doc .imageblock.align-right {
+  align-items: flex-end;
+}
+
 .doc .imageblock img {
   display: inline-block;
 }
@@ -578,12 +586,11 @@ ul ul ul {
   padding-top: var(--base-large-space);
   padding-bottom: var(--base-large-space);
   /* white-space: pre-wrap; */
+
   /* NOTE enable these styles if side-to-side scrolling is preferred */
-  
   overflow-wrap: normal;
   word-wrap: normal;
   overflow-x: auto;
- 
   background: #0074e00e;
   border: 1px solid var(--color-brand-gray8);
   border-radius: 3px;