.ux-progress-wrap{display:flex;background:#bc30e6;background:linear-gradient(187deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,var(--ux-bg-color) 50%,var(--ux-bg-color) 100%);overflow:hidden}.ux-progress-container{display:flex;justify-content:center;max-width:1200px;margin:0 auto}.ux-progress-container .main{position:relative;width:100%;height:100%;max-width:15vw;transform:scale(0.7) rotateY(5deg) rotateX(40deg) rotateZ(-9deg);transform-origin:-150% 90%;transform-style:preserve-3d;transition:.6s ease-in-out transform;left:150%}.ux-progress-container.anim .main{animation:fadeIn 1.5s forwards ease-in-out}.ux-progress-container.anim .main:nth-child(2){animation-delay:.4s}.ux-progress-container.anim .main:nth-child(3){animation-delay:.8s}.ux-progress-container.anim .main:nth-child(4){animation-delay:1.2s}.ux-progress-container .main img{width:50vw;max-width:800px;height:100%;box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22);border-radius:5px}@keyframes fadeIn{0%{opacity:0;left:200%}50%{opacity:0}100%{opacity:1;left:0}}@media(max-width:799px){.ux-progress-container .main{transform-origin:-250% 90%;max-width:12.5vw}}