html, body {
  background-color: #005782;
}
.svg-container {
display: inline-block;
position: relative;
width: 80%;
left: 10%;
padding-bottom: 66.666666%; /*change according to ratio img w - img h */
vertical-align: middle;
overflow: hidden;
}
.svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
svg {
  fill: #0092bc;
}
#hand {
  animation: move 2s linear infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move 2s linear infinite;
  -webkit-transform-origin: 50% 50%;
}
@keyframes move {
  0% { transform: translate(10px,0px) rotate(30deg);}
  40% { transform: translate(10px,0px) rotate(30deg);}
  60% { transform: translate(-15px, 0px) rotate(-5deg);}
  100% { transform: translate(10px,0px) rotate(30deg);}
}
@-webkit-keyframes move {
  0% { -webkit-transform: translate(10px,0px) rotate(30deg);}
  40% { -webkit-transform: translate(10px,0px) rotate(30deg);}
  60% { -webkit-transform: translate(-15px, 0px) rotate(-5deg);}
  100% { -webkit-transform: translate(10px,0px) rotate(30deg);}
}