diff --git a/packages/react/src/components/Card/CardContent.js b/packages/react/src/components/Card/CardContent.js
index ebffebf63..5992fb697 100644
--- a/packages/react/src/components/Card/CardContent.js
+++ b/packages/react/src/components/Card/CardContent.js
@@ -83,6 +83,7 @@ const Footer = styled('footer').attrs({ className: classNames.url })`
 const Author = styled(CardText)`
   opacity: 0.75;
   transition: opacity ${transition.medium};
+  will-change: opacity;
 
   .${classNames.main}:hover & {
     opacity: 1;
@@ -95,6 +96,7 @@ const PoweredBy = styled('span').attrs({ title: 'microlink.io' })`
   display: block;
   margin-left: 15px;
   transition: filter ${transition.medium}, opacity ${transition.medium};
+  will-change: filter, opacity;
   &:not(:hover) {
     filter: grayscale(100%);
     opacity: 0.75;
diff --git a/packages/react/src/components/Card/CardMedia/Controls/FooterControls.js b/packages/react/src/components/Card/CardMedia/Controls/FooterControls.js
index 91711026e..a14879fce 100644
--- a/packages/react/src/components/Card/CardMedia/Controls/FooterControls.js
+++ b/packages/react/src/components/Card/CardMedia/Controls/FooterControls.js
@@ -41,6 +41,7 @@ const BottomControls = styled('div')`
   justify-content: center;
   align-items: center;
   transition: opacity ${transition.medium};
+  will-change: opacity;
 
   .${classNames.main}:not(:hover) & {
     opacity: 0;
diff --git a/packages/react/src/components/Card/CardMedia/Controls/MediaButton.js b/packages/react/src/components/Card/CardMedia/Controls/MediaButton.js
index 6131d815e..237ecff16 100644
--- a/packages/react/src/components/Card/CardMedia/Controls/MediaButton.js
+++ b/packages/react/src/components/Card/CardMedia/Controls/MediaButton.js
@@ -5,6 +5,7 @@ const MediaButton = styled('div')`
   backface-visibility: hidden;
   filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
   transition: transform ${transition.short};
+  will-change: transform;
 
   > svg {
     display: block;
diff --git a/packages/react/src/components/Card/CardMedia/Controls/ProgressBar.js b/packages/react/src/components/Card/CardMedia/Controls/ProgressBar.js
index 21adefdbf..d49783062 100644
--- a/packages/react/src/components/Card/CardMedia/Controls/ProgressBar.js
+++ b/packages/react/src/components/Card/CardMedia/Controls/ProgressBar.js
@@ -22,7 +22,8 @@ const ProgressBar = styled('div').attrs(({ progress }) => ({
   bottom: 0;
   background: #e1e8ed;
   height: ${props => getProgressBarSize(props)}px;
-  transition: opacity ${transition.medium}, background ${transition.medium};
+  transition: background ${transition.medium};
+  will-change: background;
 
   .${classNames.main}:hover & {
     background: #fff;
diff --git a/packages/react/src/components/Card/CardMedia/Controls/index.js b/packages/react/src/components/Card/CardMedia/Controls/index.js
index 283811bdc..74b46ab9e 100644
--- a/packages/react/src/components/Card/CardMedia/Controls/index.js
+++ b/packages/react/src/components/Card/CardMedia/Controls/index.js
@@ -22,6 +22,7 @@ const OuterWrap = styled('div').attrs({ className: classNames.mediaControls })`
   right: 0;
   bottom: 0;
   transition: background ${transition.long};
+  will-change: background;
 
   .${classNames.main}:hover & {
     background: rgba(0, 0, 0, 0.35);
@@ -39,6 +40,7 @@ const InnerWrap = styled('div')`
   justify-content: center;
   z-index: 2;
   transition: opacity ${transition.medium};
+  will-change: opacity;
 
   .${classNames.main}:not(:hover) & {
     opacity: ${({ opacity = 0 }) => opacity};
diff --git a/packages/react/src/components/Card/CardWrap.js b/packages/react/src/components/Card/CardWrap.js
index 240e2925d..56b408a6f 100644
--- a/packages/react/src/components/Card/CardWrap.js
+++ b/packages/react/src/components/Card/CardWrap.js
@@ -11,6 +11,7 @@ const contrastStyle = ({ backgroundColor, color }) => css`
   background-color: ${backgroundColor};
   border-color: ${color};
   transition-property: filter;
+  will-change: filter;
 
   &&& {
     color: ${color};
@@ -24,8 +25,6 @@ const contrastStyle = ({ backgroundColor, color }) => css`
 const largeStyle = css`
   flex-direction: column;
   height: ${HEIGHT};
-  transition-property: background, border-color, height;
-
   ${media.mobile`
     height: calc(${HEIGHT} * 7/9);
   `};
@@ -33,6 +32,7 @@ const largeStyle = css`
 
 const hoverStyle = css`
   transition-property: background, border-color;
+  will-change: background, border-color;
   &:hover {
     background: #f5f8fa;
     border-color: rgba(136, 153, 166, 0.5);
diff --git a/packages/react/stories/__snapshots__/stories.test.js.snap b/packages/react/stories/__snapshots__/stories.test.js.snap
index b47888d9a..20a84ec64 100644
--- a/packages/react/stories/__snapshots__/stories.test.js.snap
+++ b/packages/react/stories/__snapshots__/stories.test.js.snap
@@ -171,8 +171,8 @@ exports[`Storyshots media audio 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -182,8 +182,8 @@ exports[`Storyshots media audio 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -193,8 +193,8 @@ exports[`Storyshots media audio 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -205,8 +205,8 @@ exports[`Storyshots media audio 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -232,8 +232,8 @@ exports[`Storyshots media audio 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -257,8 +257,8 @@ exports[`Storyshots media audio 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -369,8 +369,6 @@ exports[`Storyshots media audio 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -396,6 +394,10 @@ exports[`Storyshots media audio 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -540,8 +542,8 @@ exports[`Storyshots media iframe 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -551,8 +553,8 @@ exports[`Storyshots media iframe 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -563,8 +565,8 @@ exports[`Storyshots media iframe 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -588,8 +590,8 @@ exports[`Storyshots media iframe 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -872,8 +874,8 @@ exports[`Storyshots media image 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -883,8 +885,8 @@ exports[`Storyshots media image 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -894,8 +896,8 @@ exports[`Storyshots media image 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -906,8 +908,8 @@ exports[`Storyshots media image 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -933,8 +935,8 @@ exports[`Storyshots media image 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -958,8 +960,8 @@ exports[`Storyshots media image 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -1070,8 +1072,6 @@ exports[`Storyshots media image 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -1097,6 +1097,10 @@ exports[`Storyshots media image 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -1355,8 +1359,8 @@ exports[`Storyshots media logo 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -1366,8 +1370,8 @@ exports[`Storyshots media logo 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -1377,8 +1381,8 @@ exports[`Storyshots media logo 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -1389,8 +1393,8 @@ exports[`Storyshots media logo 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -1416,8 +1420,8 @@ exports[`Storyshots media logo 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -1441,8 +1445,8 @@ exports[`Storyshots media logo 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -1553,8 +1557,6 @@ exports[`Storyshots media logo 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -1580,6 +1582,10 @@ exports[`Storyshots media logo 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -1838,8 +1844,8 @@ exports[`Storyshots media screenshot 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -1849,8 +1855,8 @@ exports[`Storyshots media screenshot 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -1860,8 +1866,8 @@ exports[`Storyshots media screenshot 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -1872,8 +1878,8 @@ exports[`Storyshots media screenshot 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -1899,8 +1905,8 @@ exports[`Storyshots media screenshot 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -1924,8 +1930,8 @@ exports[`Storyshots media screenshot 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -2036,8 +2042,6 @@ exports[`Storyshots media screenshot 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -2063,6 +2067,10 @@ exports[`Storyshots media screenshot 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -2321,8 +2329,8 @@ exports[`Storyshots media video 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -2332,8 +2340,8 @@ exports[`Storyshots media video 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -2343,8 +2351,8 @@ exports[`Storyshots media video 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -2355,8 +2363,8 @@ exports[`Storyshots media video 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -2382,8 +2390,8 @@ exports[`Storyshots media video 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -2407,8 +2415,8 @@ exports[`Storyshots media video 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -2519,8 +2527,6 @@ exports[`Storyshots media video 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -2546,6 +2552,10 @@ exports[`Storyshots media video 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -2804,8 +2814,8 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -2815,8 +2825,8 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -2826,8 +2836,8 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -2838,8 +2848,8 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -2865,8 +2875,8 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -2890,8 +2900,8 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -3002,8 +3012,6 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -3029,6 +3037,10 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -3287,8 +3299,8 @@ exports[`Storyshots props contrast 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -3298,8 +3310,8 @@ exports[`Storyshots props contrast 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -3309,8 +3321,8 @@ exports[`Storyshots props contrast 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -3321,8 +3333,8 @@ exports[`Storyshots props contrast 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -3348,8 +3360,8 @@ exports[`Storyshots props contrast 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -3373,8 +3385,8 @@ exports[`Storyshots props contrast 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -3427,6 +3439,7 @@ exports[`Storyshots props contrast 1`] = `
   transition-timing-function: cubic-bezier(.25,.8,.25,1);
   -webkit-transition-property: background,border-color;
   transition-property: background,border-color;
+  will-change: background,border-color;
 }
 
 .c2:active,
@@ -3462,6 +3475,7 @@ exports[`Storyshots props contrast 1`] = `
   transition-timing-function: cubic-bezier(.25,.8,.25,1);
   -webkit-transition-property: background,border-color;
   transition-property: background,border-color;
+  will-change: background,border-color;
 }
 
 .c10:active,
@@ -3499,10 +3513,9 @@ exports[`Storyshots props contrast 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
   -webkit-transition-property: background,border-color;
   transition-property: background,border-color;
+  will-change: background,border-color;
 }
 
 .c14:active,
@@ -3533,6 +3546,10 @@ exports[`Storyshots props contrast 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -3791,8 +3808,8 @@ exports[`Storyshots props controls (disabled) 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -3802,8 +3819,8 @@ exports[`Storyshots props controls (disabled) 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -3813,8 +3830,8 @@ exports[`Storyshots props controls (disabled) 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -3825,8 +3842,8 @@ exports[`Storyshots props controls (disabled) 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -3852,8 +3869,8 @@ exports[`Storyshots props controls (disabled) 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -3877,8 +3894,8 @@ exports[`Storyshots props controls (disabled) 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -3989,8 +4006,6 @@ exports[`Storyshots props controls (disabled) 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -4016,6 +4031,10 @@ exports[`Storyshots props controls (disabled) 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -4274,8 +4293,8 @@ exports[`Storyshots props default 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -4285,8 +4304,8 @@ exports[`Storyshots props default 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -4296,8 +4315,8 @@ exports[`Storyshots props default 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -4308,8 +4327,8 @@ exports[`Storyshots props default 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -4335,8 +4354,8 @@ exports[`Storyshots props default 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -4360,8 +4379,8 @@ exports[`Storyshots props default 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -4472,8 +4491,6 @@ exports[`Storyshots props default 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -4499,6 +4516,10 @@ exports[`Storyshots props default 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -4757,8 +4778,8 @@ exports[`Storyshots props direction + contrast 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -4768,8 +4789,8 @@ exports[`Storyshots props direction + contrast 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -4779,8 +4800,8 @@ exports[`Storyshots props direction + contrast 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -4791,8 +4812,8 @@ exports[`Storyshots props direction + contrast 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -4818,8 +4839,8 @@ exports[`Storyshots props direction + contrast 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -4843,8 +4864,8 @@ exports[`Storyshots props direction + contrast 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -4900,6 +4921,7 @@ exports[`Storyshots props direction + contrast 1`] = `
   flex-direction: row-reverse;
   -webkit-transition-property: background,border-color;
   transition-property: background,border-color;
+  will-change: background,border-color;
 }
 
 .c2:active,
@@ -4938,6 +4960,7 @@ exports[`Storyshots props direction + contrast 1`] = `
   flex-direction: row-reverse;
   -webkit-transition-property: background,border-color;
   transition-property: background,border-color;
+  will-change: background,border-color;
 }
 
 .c10:active,
@@ -4975,13 +4998,12 @@ exports[`Storyshots props direction + contrast 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
   -webkit-flex-direction: column-reverse;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
   -webkit-transition-property: background,border-color;
   transition-property: background,border-color;
+  will-change: background,border-color;
 }
 
 .c14:active,
@@ -5012,6 +5034,10 @@ exports[`Storyshots props direction + contrast 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -5270,8 +5296,8 @@ exports[`Storyshots props direction 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -5281,8 +5307,8 @@ exports[`Storyshots props direction 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -5292,8 +5318,8 @@ exports[`Storyshots props direction 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -5304,8 +5330,8 @@ exports[`Storyshots props direction 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -5331,8 +5357,8 @@ exports[`Storyshots props direction 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -5356,8 +5382,8 @@ exports[`Storyshots props direction 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -5474,8 +5500,6 @@ exports[`Storyshots props direction 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
   -webkit-flex-direction: column-reverse;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
@@ -5504,6 +5528,10 @@ exports[`Storyshots props direction 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -5763,8 +5791,8 @@ Array [
 }
 
 .c6 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c8 {
@@ -5774,8 +5802,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c14 {
@@ -5785,8 +5813,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c9 {
@@ -5797,8 +5825,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -5824,8 +5852,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -5849,8 +5877,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -5975,8 +6003,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c15:active,
@@ -6002,12 +6028,24 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c15 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -6266,8 +6304,8 @@ Array [
 }
 
 .c6 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c8 {
@@ -6277,8 +6315,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c14 {
@@ -6288,8 +6326,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c9 {
@@ -6300,8 +6338,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -6327,8 +6365,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -6352,8 +6390,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -6478,8 +6516,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c15:active,
@@ -6505,6 +6541,18 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c15 {
     height: calc(382px * 7/9);
@@ -6775,8 +6823,8 @@ exports[`Storyshots props loading 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -6786,8 +6834,8 @@ exports[`Storyshots props loading 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -6797,8 +6845,8 @@ exports[`Storyshots props loading 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -6809,8 +6857,8 @@ exports[`Storyshots props loading 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -6836,8 +6884,8 @@ exports[`Storyshots props loading 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -6861,8 +6909,8 @@ exports[`Storyshots props loading 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -6973,8 +7021,6 @@ exports[`Storyshots props loading 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -7000,6 +7046,10 @@ exports[`Storyshots props loading 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -7258,8 +7308,8 @@ exports[`Storyshots setData function 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -7269,8 +7319,8 @@ exports[`Storyshots setData function 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -7280,8 +7330,8 @@ exports[`Storyshots setData function 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -7292,8 +7342,8 @@ exports[`Storyshots setData function 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -7319,8 +7369,8 @@ exports[`Storyshots setData function 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -7344,8 +7394,8 @@ exports[`Storyshots setData function 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -7456,8 +7506,6 @@ exports[`Storyshots setData function 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -7483,6 +7531,10 @@ exports[`Storyshots setData function 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -7741,8 +7793,8 @@ exports[`Storyshots setData object 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -7752,8 +7804,8 @@ exports[`Storyshots setData object 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -7763,8 +7815,8 @@ exports[`Storyshots setData object 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -7775,8 +7827,8 @@ exports[`Storyshots setData object 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -7802,8 +7854,8 @@ exports[`Storyshots setData object 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -7827,8 +7879,8 @@ exports[`Storyshots setData object 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -7939,8 +7991,6 @@ exports[`Storyshots setData object 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -7966,6 +8016,10 @@ exports[`Storyshots setData object 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -8111,8 +8165,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -8122,8 +8176,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -8134,8 +8188,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -8159,8 +8213,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -8326,8 +8380,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -8337,8 +8391,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -8349,8 +8403,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -8374,8 +8428,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -8660,8 +8714,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -8671,8 +8725,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -8682,8 +8736,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -8694,8 +8748,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -8721,8 +8775,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -8746,8 +8800,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -8858,8 +8912,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -8885,12 +8937,32 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -9158,8 +9230,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -9169,8 +9241,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -9180,8 +9252,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -9192,8 +9264,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -9219,8 +9291,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -9244,8 +9316,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -9356,8 +9428,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -9383,12 +9453,32 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -9656,8 +9746,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -9667,8 +9757,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -9678,8 +9768,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -9690,8 +9780,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -9717,8 +9807,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -9742,8 +9832,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -9854,8 +9944,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -9881,6 +9969,26 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -10159,8 +10267,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -10170,8 +10278,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -10181,8 +10289,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -10193,8 +10301,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -10220,8 +10328,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -10245,8 +10353,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -10357,8 +10465,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -10384,12 +10490,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -10657,8 +10807,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -10668,8 +10818,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -10679,8 +10829,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -10691,8 +10841,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -10718,8 +10868,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -10743,8 +10893,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -10855,8 +11005,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -10882,12 +11030,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -11155,8 +11347,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -11166,8 +11358,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -11177,8 +11369,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -11189,8 +11381,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -11216,8 +11408,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -11241,8 +11433,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -11353,8 +11545,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -11381,35 +11571,79 @@ Array [
 }
 
 @media (max-width:48em) {
-  .c14 {
-    height: calc(382px * 7/9);
-  }
+
 }
 
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "200px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+  .c14 {
+    height: calc(382px * 7/9);
+  }
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+<div
+    className="c0"
+  >
+    <a
+      className="c1"
+      href="https://microlink.io"
+    >
+      https://microlink.io
+    </a>
+    <a
+      className="c2 microlink_card c3"
+      direction="ltr"
+      href="https://microlink.io"
+      rel="noopener noreferrer"
+      style={
+        Object {
+          "height": "200px",
+          "marginBottom": "20px",
+        }
+      }
+      target="_blank"
+    >
+      <div
+        className="c4 c5 microlink_card__media microlink_card__media_image"
       />
       <div
         className="c6 microlink_card__content"
@@ -11653,8 +11887,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -11664,8 +11898,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -11675,8 +11909,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -11687,8 +11921,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -11714,8 +11948,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -11739,8 +11973,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -11851,8 +12085,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -11878,12 +12110,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -12151,8 +12427,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -12162,8 +12438,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -12173,8 +12449,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -12185,8 +12461,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -12212,8 +12488,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -12237,8 +12513,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -12349,8 +12625,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -12376,12 +12650,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -12649,8 +12967,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -12660,8 +12978,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -12671,8 +12989,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -12683,8 +13001,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -12710,8 +13028,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -12735,8 +13053,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -12847,8 +13165,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -12874,6 +13190,50 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -13151,8 +13511,8 @@ exports[`Storyshots style misc 1`] = `
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -13162,8 +13522,8 @@ exports[`Storyshots style misc 1`] = `
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -13173,8 +13533,8 @@ exports[`Storyshots style misc 1`] = `
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -13185,8 +13545,8 @@ exports[`Storyshots style misc 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -13212,8 +13572,8 @@ exports[`Storyshots style misc 1`] = `
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -13237,8 +13597,8 @@ exports[`Storyshots style misc 1`] = `
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -13349,8 +13709,6 @@ exports[`Storyshots style misc 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -13376,6 +13734,10 @@ exports[`Storyshots style misc 1`] = `
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -13656,8 +14018,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -13667,8 +14029,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -13678,8 +14040,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -13690,8 +14052,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -13717,8 +14079,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -13742,8 +14104,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -13854,8 +14216,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -13881,12 +14241,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -14154,8 +14558,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -14165,8 +14569,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -14176,8 +14580,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -14188,8 +14592,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -14215,8 +14619,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -14240,8 +14644,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -14352,8 +14756,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -14379,12 +14781,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -14652,8 +15098,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -14663,8 +15109,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -14674,8 +15120,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -14686,8 +15132,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -14713,8 +15159,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -14738,8 +15184,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -14850,8 +15296,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -14877,12 +15321,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -15150,8 +15638,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -15161,8 +15649,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -15172,8 +15660,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -15184,8 +15672,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -15211,8 +15699,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -15236,8 +15724,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -15348,8 +15836,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -15375,12 +15861,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -15648,8 +16178,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -15659,8 +16189,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -15670,8 +16200,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -15682,8 +16212,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -15709,8 +16239,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -15734,8 +16264,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -15846,8 +16376,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -15873,12 +16401,56 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
   }
 }
 
+@media (max-width:48em) {
+
+}
+
 <div
     className="c0"
   >
@@ -16146,8 +16718,8 @@ Array [
 }
 
 .c5 {
-  -webkit-animation: hKAHOv 1.25s linear infinite;
-  animation: hKAHOv 1.25s linear infinite;
+  -webkit-animation: PfPAm 1.25s linear infinite;
+  animation: PfPAm 1.25s linear infinite;
 }
 
 .c7 {
@@ -16157,8 +16729,8 @@ Array [
   background: #e1e8ed;
   margin: 2px 0 8px;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c13 {
@@ -16168,8 +16740,8 @@ Array [
   background: #e1e8ed;
   margin: 0 20px 0 0;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
 }
 
 .c8 {
@@ -16180,8 +16752,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -16207,8 +16779,8 @@ Array [
   margin-bottom: 12px;
   opacity: 0.8;
   position: relative;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: 0.125s;
   animation-delay: 0.125s;
 }
@@ -16232,8 +16804,8 @@ Array [
   display: block;
   background: #e1e8ed;
   opacity: 0.8;
-  -webkit-animation: kQScTh .75s linear infinite;
-  animation: kQScTh .75s linear infinite;
+  -webkit-animation: bmjNQl .75s linear infinite;
+  animation: bmjNQl .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
 }
@@ -16344,8 +16916,6 @@ Array [
   -ms-flex-direction: column;
   flex-direction: column;
   height: 382px;
-  -webkit-transition-property: background,border-color,height;
-  transition-property: background,border-color,height;
 }
 
 .c14:active,
@@ -16371,6 +16941,50 @@ Array [
   }
 }
 
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
+@media (max-width:48em) {
+
+}
+
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);