.resurrection-container { display: block; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; contain: layout paint; } .resurrection-symbol { position: fixed; z-index: 15; top: 0; translate: 0 -15vh; user-select: none; -webkit-user-select: none; cursor: default; animation-name: resurrection-fall; animation-timing-function: linear; animation-iteration-count: infinite; will-change: transform; } .resurrection-sway-wrapper { will-change: transform; animation-name: resurrection-sway; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .resurrection-symbol img { z-index: 15; height: auto; width: 56px; opacity: 0.95; filter: drop-shadow(0 0 8px rgba(255, 215, 130, 0.5)); } @media (max-width: 768px) { .resurrection-symbol img { width: 42px; } } @keyframes resurrection-fall { 0% { transform: translate3d(0, -15vh, 0); } 100% { transform: translate3d(0, 105vh, 0); } } @keyframes resurrection-sway { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(65px); } }