.custom-html--sitecore .viz-card .viz-value {
    -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
    transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease;
    transition: transform 1.2s ease, opacity 1.2s ease, -webkit-transform 1.2s ease;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    display: inline-block;
  }
  .custom-html--sitecore .viz-initial .viz-card .viz-value {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: none;
    transition: none;
  }
  .custom-html--sitecore .viz-card.viz-card--animate .viz-value {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .custom-html--sitecore .viz-card .viz-content {
    -webkit-transition: opacity 1.1s linear, -webkit-transform 1.1s linear;
    transition: opacity 1.1s linear, -webkit-transform 1.1s linear;
    transition: transform 1.1s linear, opacity 1.1s linear;
    transition: transform 1.1s linear, opacity 1.1s linear, -webkit-transform 1.1s linear;
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .custom-html--sitecore .viz-initial .viz-card .viz-content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: none;
    transition: none;
  }
  .custom-html--sitecore .viz-card.viz-card--animate .viz-content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }