ISTWCMS-7056: make circle-based infographics fit in narrower spaces, and make...

ISTWCMS-7056: make circle-based infographics fit in narrower spaces, and make the circle have the same top alignment as the half circle

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

@@ -947,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%);
+    }
   }
 }