ISTWCMS-3573: updating blockquote stylings

source/_patterns/04-components/blockquote/_blockquote.scss

 .uw-blockquote {
-  padding: 1rem;
-  position: relative;
-  text-align: center;
+  background-color: gesso-grayscale('gray-1');
+  color: $uw-black;
+
+  &__wrapper {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 2rem 0;
+    text-align: center;
+  }
 
   &__text {
     display: inline-block;
     font-size: 1.5rem;
-    padding: 1rem 0;
+    max-width: 640px;
+    padding: 0 2.5rem;
     position: relative;
-    text-transform: uppercase;
+    text-align: left;
 
     &::before {
       color: #7a7a7a;
       content: "\201C";
-      display: block;
       font-size: 80px;
-      left: -50px;
-      padding-left: 10px;
+      left: 0;
+      line-height: 5.2rem;
       position: absolute;
-      top: -20px;
+      top: -10px;
     }
 
     &::after {
-      bottom: -0.5em;
+      bottom: 5px;
       color: #7a7a7a;
       content: "\201D";
-      float: right;
       font-size: 80px;
+      line-height: 0;
       position: absolute;
-      right: -50px;
+      right: 0;
+    }
+  }
+
+  &__attribution {
+    display: block;
+
+    &--wrapper {
+      display: inline-block;
+      font-size: 1rem;
+      max-width: 640px;
+      padding: 0 1rem;
+      position: relative;
+      text-align: left;
+    }
+
+    &::before {
+      content: "-";
+    }
+
+    cite {
+      color: gesso-grayscale('gray-2');
+      font-family: georgia, "droid serif", "Times New Roman", Times, serif;
+      font-size: 1rem;
+      font-weight: normal;
+      text-align: left;
     }
   }
 }

source/_patterns/04-components/blockquote/blockquote.twig

 <blockquote class="uw-blockquote">
-  <div class="uw-blockquote__text">
-    {{ blockquote.text }}
+  <div class="uw-blockquote__wrapper">
+    <div class="uw-blockquote__text">
+      {{ blockquote.text }}
+    </div>
+    <footer class="uw-blockquote__attribution">
+      <div class="uw-blockquote__attribution--wrapper">
+        <cite>
+          {{ blockquote.attribution }}
+        </cite>
+      </div>
+    </footer>
   </div>
-  <footer class="uw-blockquote__attribution">
-    <cite>
-      {{ blockquote.attribution }}
-    </cite>
-  </footer>
 </blockquote>

source/_patterns/04-components/blockquote/blockquote.yml

 blockquote:
-  text: 'This is some text from the yml file'
+  text: '<p>This is some text from the yml file</p><p>This is some text from the yml file2. This is some text from the yml file.  This is some text from the yml file.  This is some text from the yml file</p><p>This is some text from the yml file3</p><p style="text-align: center">This is some text from the yml file4. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file</p><p>This is some text from the yml file5</p>'
   attribution: 'This is the attribution'