.contain {
  position: relative;
  margin: 0px auto;
  width: 255px;
}

svg {
  position: absolute;
}
svg ellipse {
  transform-origin: center;
}
svg:nth-of-type(1) ellipse {
  stroke: #3b83ad;
  cx: 25px;
  stroke-width: 3px;
  -webkit-animation: jump 800ms infinite ease-in-out;
          animation: jump 800ms infinite ease-in-out;
  opacity: 0.7;
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
svg:nth-of-type(2) ellipse {
  stroke: #3b83ad;
  cx: 65px;
  stroke-width: 3px;
  -webkit-animation: jump 800ms infinite ease-in-out;
          animation: jump 800ms infinite ease-in-out;
  opacity: 0.7;
  -webkit-animation-delay: 105ms;
          animation-delay: 105ms;
}
svg:nth-of-type(3) ellipse {
  stroke: #3b83ad;
  cx: 105px;
  stroke-width: 3px;
  -webkit-animation: jump 800ms infinite ease-in-out;
          animation: jump 800ms infinite ease-in-out;
  opacity: 0.7;
  -webkit-animation-delay: 210ms;
          animation-delay: 210ms;
}
svg:nth-of-type(4) ellipse {
  stroke: #3b83ad;
  cx: 145px;
  stroke-width: 3px;
  -webkit-animation: jump 800ms infinite ease-in-out;
          animation: jump 800ms infinite ease-in-out;
  opacity: 0.7;
  -webkit-animation-delay: 315ms;
          animation-delay: 315ms;
}
svg:nth-of-type(5) ellipse {
  stroke: #3b83ad;
  cx: 185px;
  stroke-width: 3px;
  -webkit-animation: jump 800ms infinite ease-in-out;
          animation: jump 800ms infinite ease-in-out;
  opacity: 0.7;
  -webkit-animation-delay: 420ms;
          animation-delay: 420ms;
}
svg:nth-of-type(6) ellipse {
  fill: #333333;
  opacity: 0.05;
  rx: 0;
  ry: 0;
  cx: 25px;
  cy: 48px;
  -webkit-animation: shadow 800ms infinite ease-in-out;
          animation: shadow 800ms infinite ease-in-out;
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
svg:nth-of-type(7) ellipse {
  fill: #333333;
  opacity: 0.05;
  rx: 0;
  ry: 0;
  cx: 65px;
  cy: 48px;
  -webkit-animation: shadow 800ms infinite ease-in-out;
          animation: shadow 800ms infinite ease-in-out;
  -webkit-animation-delay: 105ms;
          animation-delay: 105ms;
}
svg:nth-of-type(8) ellipse {
  fill: #333333;
  opacity: 0.05;
  rx: 0;
  ry: 0;
  cx: 105px;
  cy: 48px;
  -webkit-animation: shadow 800ms infinite ease-in-out;
          animation: shadow 800ms infinite ease-in-out;
  -webkit-animation-delay: 210ms;
          animation-delay: 210ms;
}
svg:nth-of-type(9) ellipse {
  fill: #333333;
  opacity: 0.05;
  rx: 0;
  ry: 0;
  cx: 145px;
  cy: 48px;
  -webkit-animation: shadow 800ms infinite ease-in-out;
          animation: shadow 800ms infinite ease-in-out;
  -webkit-animation-delay: 315ms;
          animation-delay: 315ms;
}
svg:nth-of-type(10) ellipse {
  fill: #333333;
  opacity: 0.05;
  rx: 0;
  ry: 0;
  cx: 185px;
  cy: 48px;
  -webkit-animation: shadow 800ms infinite ease-in-out;
          animation: shadow 800ms infinite ease-in-out;
  -webkit-animation-delay: 420ms;
          animation-delay: 420ms;
}

@-webkit-keyframes jump {
  40% {
    transform: translateY(20px) scale(1.3);
    opacity: 0.9;
  }
  40% {
    rx: 10px;
    ry: 10px;
    stroke-width: 3px;
  }
  45% {
    rx: 15px;
    ry: 7px;
    stroke-width: 4px;
  }
  55% {
    rx: 10px;
    ry: 10px;
  }
}

@keyframes jump {
  40% {
    transform: translateY(20px) scale(1.3);
    opacity: 0.9;
  }
  40% {
    rx: 10px;
    ry: 10px;
    stroke-width: 3px;
  }
  45% {
    rx: 15px;
    ry: 7px;
    stroke-width: 4px;
  }
  55% {
    rx: 10px;
    ry: 10px;
  }
}
@-webkit-keyframes shadow {
  45% {
    opacity: 0.15;
    rx: 10px;
    ry: 3px;
    transform: translateY(0px) scale(1.3);
  }
}
@keyframes shadow {
  45% {
    opacity: 0.15;
    rx: 10px;
    ry: 3px;
    transform: translateY(0px) scale(1.3);
  }
}