.svg-frame{position:relative;width:300px;height:300px;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center;margin:auto}.svg-frame svg{position:absolute;z-index:calc(1 - (.2 * var(--j)));width:344px;height:344px;fill:none}.svg-frame svg,.svg-frame svg #center{transition:.5s;transform-origin:center}#out2{animation:rotate16 7s ease-in-out infinite alternate}#out2,#out3{transform-origin:center}#out3{animation:rotate16 3s ease-in-out infinite alternate;stroke:#ff0}#inner1,#inner3{animation:rotate16 4s ease-in-out infinite alternate;transform-origin:center}#center1{fill:#ff0;animation:rotate16 2s ease-in-out infinite alternate;transform-origin:center}@keyframes rotate16{to{transform:rotate(1turn)}}.overlap-image{position:fixed;top:50%;transform:translateY(-50%);margin-left:51%;margin-right:50%;z-index:1;height:300px;width:300px}