.icard-container{display:flex;align-items:center;justify-content:center;height:30vh;transform-style:preserve-3d;margin-top:50px}.icard{position:absolute;width:300px;height:200px;border-radius:10px;animation:rotateCard 10.5s ease-in-out infinite}.icard:first-child{animation-delay:-7s}.icard:nth-child(2){animation-delay:-3.5s}.icard:nth-child(3){animation-delay:0}.card-container{display:flex;align-items:center;justify-content:center;height:10vh;transform-style:preserve-3d}.card{position:absolute;width:300px;height:200px;border-radius:10px;animation:rotateCard 10.5s ease-in-out infinite}@keyframes rotateCard{0%{transform:translateZ(1px)}28.57%{transform:translateZ(1px)}33.33%{transform:rotate(-4deg) scale(.9) translate(-15%,-5%)}61.90%{transform:rotate(-4deg) scale(.9) translate(-15%,-5%)}66.67%{transform:rotate(4deg) scale(.9) translate(15%,-5%)}95.23%{transform:rotate(4deg) scale(.9) translate(15%,-5%)}to{transform:translateZ(1px)}}.card:first-child{animation-delay:-7s}.card:nth-child(2){animation-delay:-3.5s}.card:nth-child(3){animation-delay:0}.fade-slider{position:relative;overflow:hidden;border-radius:12px}.fade-image,.fade-slider{height:440.79px;width:220.03px}.fade-image{position:absolute;top:0;left:0;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.fade-image.active{opacity:1;z-index:1}.fade-section{width:100%;height:auto;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.fade-section.active{opacity:1;z-index:1}.fade-border{width:100%;height:100px;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0;border-left:10px solid #38d3e3}.fade-border.active{opacity:1;z-index:1}@media screen and (max-width:60em){.fade-slider{position:relative;overflow:hidden;border-radius:12px}.fade-image,.fade-slider{height:240.79px;width:120.03px}.fade-image{position:absolute;top:0;left:0;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0}}.ufade-slider{position:relative;width:100%;height:auto;overflow:hidden;border-radius:12px}.ufade-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.ufade-image.active{opacity:1;z-index:1}.ufade-section{width:100%;height:auto;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.ufade-section.active{opacity:1;z-index:1}.ufade-border{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0;border-left:7px solid #38d3e3;margin-right:10px}.ufade-border.active{opacity:1;z-index:1}.border-static{width:5%;height:5%;opacity:0;transition:opacity 1s ease-in-out;z-index:0;border-left:7px solid #a9a9a9;margin-right:10px}