.animation{position:relative;width:200px;height:200px;background-color:#111;border-radius:50%;overflow:hidden}.animation::before{content:'';position:absolute;top:20px;bottom:20px;left:20px;right:20px;border:2px solid rgb(200 200 200 / .5);border-radius:50%;animation:rotateTorusY 10s infinite linear}.animation::after{content:'';position:absolute;top:-10px;left:50%;width:60%;height:40%;border-top:2px solid rgb(200 200 200 / .5);border-left:2px solid #fff0;border-right:2px solid #fff0;border-radius:50% 50% 0 0;transform:translateX(-50%);animation:rotateTorusX 12s infinite linear alternate}.animation span::before{content:'';position:absolute;bottom:-10px;left:50%;width:60%;height:40%;border-bottom:2px solid rgb(200 200 200 / .5);border-left:2px solid #fff0;border-right:2px solid #fff0;border-radius:0 0 50% 50%;transform:translateX(-50%);animation:rotateTorusZ 15s infinite linear}@keyframes rotateTorusY{to{transform:rotateY(360deg)}}@keyframes rotateTorusX{to{transform:rotateX(360deg)}}@keyframes rotateTorusZ{to{transform:rotateZ(360deg)}}.parallax{position:relative;height:100vh;overflow:hidden;background-image:url(/wp-content/uploads/breakdance/css/your-image.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}.parallax .content-inner{position:relative;z-index:1;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px;background-color:rgb(0 0 0 / .5);max-width:800px;margin:0 auto}