ISTWCMS-5650: Make carousel dots larger to match current, add visual hover and focus states

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

@@ -838,7 +838,19 @@ are the same height. */
   }
 }
 .flickity-page-dots {
-  bottom: -50px;
+  bottom: -3.125rem;
+  .dot {
+    height: var(--size-2);
+    width: var(--size-2);
+    &.is-selected {
+      background:var(--uw-black);
+    }
+    &:hover,
+    &:focus{
+      opacity: 1 !important;
+      background: var(--gray-5);
+    }
+  }
 }
 .uw-button--wrap {
   display: flex;
@@ -1023,46 +1035,6 @@ are the same height. */
       @media(min-width: $screen-xl) {
         max-width: 32.5%;
       }
-      //.uw-contained-width--wide & {
-      //  @media(min-width: $screen-xs) {
-      //    width: 45%;
-      //  }
-      //  @media(min-width: $screen-md) {
-      //    width: 45%;
-      //  }
-      //  @media(min-width: $screen-xl) {
-      //    width: 45%;
-      //  }
-      //}
-      //
-      //.uw-node__sidebar &,
-      //.uw-contained-width--narrow & {
-      //  @media(min-width: $screen-xs) {
-      //    width: 100%;
-      //  }
-      //
-      //  @media(min-width: $screen-md) {
-      //    width: 100%;
-      //  }
-      //
-      //  @media(min-width: $screen-xl) {
-      //    width: 100%;
-      //  }
-      //}
-      //
-      //.uw-full-width & {
-      //  @media(min-width: $screen-xs) {
-      //    width: 45%;
-      //  }
-      //
-      //  @media(min-width: $screen-md) {
-      //    width: 30%;
-      //  }
-      //
-      //  @media(min-width: $screen-xl) {
-      //    width: 23%;
-      //  }
-      //}
     }
   }
 }

src/patterns/04-components/image-gallery/_image-gallery.scss

@@ -17,6 +17,18 @@ $size-xlarge: 7;
   }
   .flickity-page-dots {
     bottom: -2rem;
+    .dot {
+      height: var(--size-2);
+      width: var(--size-2);
+      &.is-selected {
+        background:var(--uw-black);
+      }
+      &:hover,
+      &:focus{
+        opacity: 1 !important;
+        background: var(--gray-5);
+      }
+    }
   }
   &--slider {
     //