Merge branch 'features/ISTWCMS-7056-kpaxman-infographics_fix' into '1.1.x'

ISTWCMS-7056: center vertical bar, and don't put margin at the bottom of the...

See merge request !222

src/patterns/04-components/facts-and-figures/_facts-and-figures.scss

@@ -32,6 +32,9 @@ $highlighted-fact-round: $global-rounded;
 
           &__caption {
             color: var(--uw-black);
+            > :last-child {
+              margin-bottom: 0;
+            }
           }
 
           &__small {
@@ -849,7 +852,7 @@ are the same height. */
 .highlighted-fact-infographic {
   align-items: center;
   display: block;
-  height: 100%;
+  margin: 0 auto;
 
   .number,
   .timer {
@@ -893,6 +896,7 @@ are the same height. */
       height: 200px;
       position: relative;
       width: var(--size-10);
+      margin: 0 auto;
     }
 
     .graph {
@@ -943,15 +947,18 @@ are the same height. */
   }
 
   &.infographic-half-circle {
-    width: 15.625rem;
+    max-width: 15.625rem;
 
     svg {
       margin: calc(-0.14 * 100%) 0 calc(-0.4 * 100%);
     }
   }
-
   &.infographic-circle {
-    width: 15.625rem;
+    max-width: 15.625rem;
+
+    svg {
+      margin-top: calc(-0.14 * 100%);
+    }
   }
 }