
.msc-v16-wrapper{
    overflow:visible;
    position:relative;
}

.msc-v16-card{
    width:78%;
    display:flex;
    align-items:center;
    gap:35px;
    box-sizing:border-box;
    background-size:cover;
    background-position:center;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    opacity:0;
    transition-property:transform,opacity;
    transition-duration:900ms;
    transition-timing-function:cubic-bezier(.22,1,.36,1);
    will-change:transform,opacity;
}

.msc-v16-card.animate-left{
    transform:translate3d(-150px,0,0) rotate(var(--rotate));
}

.msc-v16-card.animate-right{
    transform:translate3d(150px,0,0) rotate(var(--rotate));
}

.msc-v16-card.animate-fade{
    transform:translate3d(0,50px,0) rotate(var(--rotate));
}

.msc-v16-card.animate-none{
    opacity:1;
    transform:translate3d(var(--move),0,0) rotate(var(--rotate));
}

.msc-v16-card.msc-show{
    opacity:1;
    transform:translate3d(var(--move),0,0) rotate(var(--rotate));
}

.msc-number{
    font-size:70px;
    min-width:110px;
    font-weight:200;
}

.msc-content{
    flex:1;
    min-width:0;
}

@media(max-width:1024px){
    .msc-v16-card{
        width:100%;
    }
}

@media(max-width:767px){
    .msc-v16-card{
        width:100%;
        display:block;
        opacity:1!important;
        transform:none!important;
    }
}
