* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: none; } body, html{ width: 100%; height: 100%; } body{ background: #fff335; overflow: hidden; } .container{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 60%; height: 70%; animation: shake 16s infinite; animation-delay: 0.1; } .lump-eye{ animation: shake 0.2s infinite; animation-delay: 0.1; } @keyframes shake { 0% {transform: translate(0, 0);} 25% {transform: translate(3%, 0);} 50% {transform: translate(0, 1%);} 75% {transform: translate(-2%, 0);} 100% {transform: translate(0, 0);} } @keyframes shake2 { 0% {transform: translate(0, 2%);} 25% {transform: translate(0, 0);} 50% {transform: translate(0, 1%);} 75% {transform: translate(0, 0);} 100% {transform: translate(0, 0);} }