.podium-container{--_podium-size: 7px;perspective:calc(var(--_podium-size) * 50);margin-top:calc(var(--_podium-size) * 14);display:grid;place-items:center}@media only screen and (min-width: 600px){.podium-container{--_podium-size: 7.5px}}@media only screen and (min-width: 960px){.podium-container{--_podium-size: 10px}}.podium{display:grid;align-items:end;grid-template-columns:repeat(3,1fr);transform-style:preserve-3d;font-size:calc(var(--_podium-size) * 5);font-weight:900;gap:12px;transform:rotateX(-40deg);text-align:center;color:#fff}.podium__front{background:red;padding-inline:calc(var(--_podium-size) * 5);padding-bottom:calc(var(--_podium-size) * 3);position:relative;transform-style:preserve-3d;transform-origin:top;transition:transform .25s}.podium__front:hover{transform:translateZ(15px)}.podium__center{transform:translateZ(5px)}.podium__center:hover{transform:translateZ(20px)}.podium__front:after{transform-style:preserve-3d;content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:top;transform:rotatex(-90deg)}.podium__left:before,.podium__right:before{background:#d9bd65;background:linear-gradient(to left,#d9bd65,transparent);transform-style:preserve-3d;content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:right;transform:rotatey(-90deg)}.podium__right:before{background:linear-gradient(to right,#7c004b,transparent);transform-origin:left;transform:rotatey(90deg)}.podium__left{text-shadow:-1px -1px 0 #3a3a3a,1px -1px 0 #3a3a3a,-1px 1px 0 #3a3a3a,1px 1px 0 #3a3a3a;padding-top:calc(var(--_podium-size) * 3);background:#fad682}.podium__left:after{background:#fad682;background:linear-gradient(#fad682,transparent)}.podium__center{text-shadow:-1px -1px 0 #3a3a3a,1px -1px 0 #3a3a3a,-1px 1px 0 #3a3a3a,1px 1px 0 #3a3a3a;padding-top:calc(var(--_podium-size) * 5);background:#fdfdfd}.podium__center:after{background:#fdfdfd;background:linear-gradient(#fdfdfd,transparent)}.podium__right{text-shadow:-1px -1px 0 #3a3a3a,1px -1px 0 #3a3a3a,-1px 1px 0 #3a3a3a,1px 1px 0 #3a3a3a;padding-top:calc(var(--_podium-size) * 1);background:#ff00b8}.podium__right:after{background:#99006e;background:linear-gradient(#99006e,transparent)}.podium__image{position:absolute;top:0%;left:50%;transform:translate(-50%,-80%) translatez(-55px) rotatey(0);transform-style:preserve-3d;transform-origin:center}.podium__image>img{width:calc(var(--_podium-size) * 10)}.podium__image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:calc(var(--_podium-size) * 6);border-radius:100%;filter:blur(20px);background:#5a63cb;background:linear-gradient(#5a63cb,transparent);transform:rotatex(90deg)}.podium__front:hover>.podium__image{animation:rotate 10s linear infinite}@keyframes rotate{to{transform:translate(-50%,-80%) translateZ(-55px) rotateY(360deg)}}