body{margin:0;width:100vw;height:100vh}#panorama{width:100%;height:100%;position:absolute;background:#fff;-webkit-overflow-scrolling:touch}.hotspot-base{display:flex;justify-content:center;width:8rem;height:8rem}.scrolling-image{position:absolute;width:20%;height:100%;background-position:center;background-size:cover;animation-name:scrollBackground;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes scrollBackground{0%{background-position:0 -100%}to{background-position:0 0}}@keyframes twinkling{0%{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.12)}to{opacity:.2;transform:scale(1)}}.twinkling-point{border-radius:50%;width:12px;height:12px;background:green;position:absolute;top:2em}.twinkling-point:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;border-radius:50%;background:#adff2f;animation:twinkling 1s infinite ease-in-out;animation-fill-mode:both}