.animation{width:100%;max-width:600px;height:450px;overflow:hidden;position:relative;margin:0 auto}.animation:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(rgba(255,255,255,0) 60%,rgba(255,255,255,.5) 100%);background-image:linear-gradient(0deg,rgb(255,255,255),rgba(255,255,255,0) 15%,rgba(255,255,255,0) 95%,rgb(255,255,255)),linear-gradient(90deg,rgb(255,255,255),rgba(255,255,255,0) 15%,rgba(255,255,255,0) 85%,rgb(255,255,255))}.animation--zoom{background-image:url(/images/section-zoom-grid.png);background-position:27% 2%;background-size:900%;animation:zoom 7s ease-in-out infinite;animation-delay:2s;transform:translateZ(0)}.animation--zoom img{position:absolute;top:5%;left:27%;width:32px;z-index:10}.animation--pan img:first-child{max-height:100%;animation:pan 25s ease-in-out infinite;animation-delay:3s;max-width:none}@keyframes zoom{0%{background-size:900%;transform:translateZ(0)}30%{background-size:100%;transform:translateZ(1)}50%{background-size:100%;transform:translateZ(1)}80%{background-size:900%;transform:translateZ(0)}}@keyframes pan{0%{transform:translateX(0)}45%{transform:translateX(-70%)}55%{transform:translateX(-70%)}90%{transform:translateX(0)}}