.circle-container{position:relative;display:inline-block}.circle-container img{display:block;width:380px;height:auto;position:relative;z-index:1}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:flex;justify-content:center;align-items:center;z-index:2;animation:rotateText 30s linear infinite}.circle-text span{position:absolute;font-size:32px;color:#f0c024;transform-origin:50% 50%;text-align:center}.circle-text span:nth-child(1){transform:rotate(0deg) translate(175px) rotate(0deg)}.circle-text span:nth-child(2){transform:rotate(30deg) translate(175px) rotate(-30deg)}.circle-text span:nth-child(3){transform:rotate(60deg) translate(175px) rotate(-60deg)}.circle-text span:nth-child(4){transform:rotate(90deg) translate(175px) rotate(-90deg)}.circle-text span:nth-child(5){transform:rotate(120deg) translate(175px) rotate(-120deg)}.circle-text span:nth-child(6){transform:rotate(150deg) translate(175px) rotate(-150deg)}.circle-text span:nth-child(7){transform:rotate(180deg) translate(175px) rotate(-180deg)}.circle-text span:nth-child(8){transform:rotate(210deg) translate(175px) rotate(-210deg)}.circle-text span:nth-child(9){transform:rotate(240deg) translate(175px) rotate(-240deg)}.circle-text span:nth-child(10){transform:rotate(270deg) translate(175px) rotate(-270deg)}.circle-text span:nth-child(11){transform:rotate(300deg) translate(175px) rotate(-300deg)}.circle-text span:nth-child(12){transform:rotate(330deg) translate(175px) rotate(-330deg)}@keyframes rotateText{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.circle-container{position:relative;display:inline-block}.circle-container img{display:block;width:380px;height:auto;position:relative;z-index:1}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:flex;justify-content:center;align-items:center;z-index:2;animation:rotateText 30s linear infinite}.circle-text span{position:absolute;font-size:32px;color:#f0c024;transform-origin:50% 50%;text-align:center}.circle-text span:nth-child(1){transform:rotate(0deg) translate(175px) rotate(0deg)}.circle-text span:nth-child(2){transform:rotate(30deg) translate(175px) rotate(-30deg)}.circle-text span:nth-child(3){transform:rotate(60deg) translate(175px) rotate(-60deg)}.circle-text span:nth-child(4){transform:rotate(90deg) translate(175px) rotate(-90deg)}.circle-text span:nth-child(5){transform:rotate(120deg) translate(175px) rotate(-120deg)}.circle-text span:nth-child(6){transform:rotate(150deg) translate(175px) rotate(-150deg)}.circle-text span:nth-child(7){transform:rotate(180deg) translate(175px) rotate(-180deg)}.circle-text span:nth-child(8){transform:rotate(210deg) translate(175px) rotate(-210deg)}.circle-text span:nth-child(9){transform:rotate(240deg) translate(175px) rotate(-240deg)}.circle-text span:nth-child(10){transform:rotate(270deg) translate(175px) rotate(-270deg)}.circle-text span:nth-child(11){transform:rotate(300deg) translate(175px) rotate(-300deg)}.circle-text span:nth-child(12){transform:rotate(330deg) translate(175px) rotate(-330deg)}@keyframes rotateText{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}