.cards-animation__card{border-radius:10px;max-width:100%}.cards-animation{display:grid;grid-template-columns:repeat(5,1fr);height:300px;margin:auto;max-width:700px;overflow:hidden;padding:60px 50px 10px}@keyframes card_1{0%{box-shadow:0 0 0 rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(200%) rotate(0deg) scale(1)}to{box-shadow:0 0 7px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(33%,84%) rotate(-50deg) scale(1.2)}}@keyframes card_2{0%{box-shadow:0 0 0 rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(100%) rotate(0deg) scale(1)}to{box-shadow:0 0 7px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(10%,35%) rotate(-30deg) scale(1.2)}}@keyframes card_3{0%{box-shadow:0 0 0 rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);scale:1}to{box-shadow:0 0 7px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);scale:1.35}}@keyframes card_4{0%{box-shadow:0 0 0 rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(-100%) rotate(0deg) scale(1)}to{box-shadow:0 0 7px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(-10%,35%) rotate(30deg) scale(1.2)}}@keyframes card_5{0%{box-shadow:0 0 0 rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(-200%) rotate(0deg) scale(1)}to{box-shadow:0 0 7px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5);transform:translate(-33%,84%) rotate(50deg) scale(1.2)}}.cards-animation__1{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:card_1}.cards-animation__2{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:card_2}.cards-animation__3{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:card_3;z-index:10}.cards-animation__4{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:card_4;z-index:5}.cards-animation__5{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:card_5}@media(max-width:767px){.cards-animation{height:200px;max-width:100%;padding:60px 30px 10px}}