.container{justify-content:center;align-items:center;height:50dvh;display:flex}.box{width:clamp(180px,35vw,300px);height:clamp(180px,35vw,300px);position:relative}.box:before{content:"";border-radius:50%;position:absolute;inset:0;transform:scale(1.42)}.spin-container{width:100%;height:100%;animation:12s ease-in-out infinite alternate spin;position:relative}.shape{z-index:5;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:100%;height:100%;transition:border-radius 1s ease-out;animation:8s ease-in-out infinite alternate both morph;position:absolute;overflow:hidden}.bd{color:#003;text-align:center;text-transform:uppercase;opacity:1;z-index:2;background:url(../media/thinker.0lr_xwmje3ay9.jpg) 50%/contain no-repeat;justify-content:center;align-items:center;width:142%;height:142%;font-size:5vw;font-weight:700;animation:12s ease-in-out infinite alternate-reverse spin;display:flex;position:absolute;top:-21%;left:-21%}@keyframes morph{0%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%}to{border-radius:15%}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:767px){.container{height:50vh}}@media (max-width:480px){.container{height:45vh}}