fix(unity-bootstrap-theme): blockquotes in mobile view too compressed, need to stack

Author: oatkar

packages/unity-bootstrap-theme/src/scss/extends/_blockquotes.scss

@@ -68,6 +68,7 @@ blockquote:before {
 
   }
 
+
   .citation {
     display: flex;
 
@@ -182,19 +183,29 @@ blockquote:before {
 3. Blockquote, mobile only
 ------------------------------------------------------------------- */
 
+
 @include media-breakpoint-down(sm) {
-  .uds-blockquote.no-cite.with-image {
+  .uds-blockquote, .uds-blockquoteAnimated {
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: flex-start;
 
-    blockquote,
-    h3 {
-      text-align: center;
+    svg {
+      margin-bottom: $uds-size-spacing-1;
+      width: $uds-size-spacing-5;
+    }
+
+    blockquote {
+      width: 100%;
+    }
+
+    .citation {
+      width: 100%;
     }
   }
 }
 
+
 /*------------------------------------------------------------------
 4. Blockquote, desktop
 ------------------------------------------------------------------- */