.image-slider{width:100%;height:100%;position:relative;overflow:hidden}.slider-image{opacity:0;z-index:0;will-change:background-position;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out,background-position .5s ease-out;position:absolute;top:0;left:0}.slider-image.active{opacity:1;z-index:1}
.fade-in,.scale-in,.slide-in-left,.slide-in-right{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.fade-in{transform:translateY(20px)}.fade-in.active{opacity:1;transform:translateY(0)}.slide-in-left{transform:translate(-30px)}.slide-in-left.active,.slide-in-right.active{opacity:1;transform:translate(0)}.slide-in-right{transform:translate(30px)}.scale-in{transform:scale(.95)}.scale-in.active{opacity:1;transform:scale(1)}@media (max-width:768px){.fade-in,.scale-in,.slide-in-left,.slide-in-right{transition:opacity .4s ease-out,transform .4s ease-out}}