.all-cards{display:flex;flex-direction:column}.card1{position:-webkit-sticky;position:sticky;top:10vh}.card2{position:-webkit-sticky;position:sticky;top:20vh}.card3{position:-webkit-sticky;position:sticky;top:30vh}.card4{position:-webkit-sticky;position:sticky;top:40vh}@media (max-width:767px){.card1{top:10vh}.card2{top:10vh}.card3{top:10vh}.card4{top:10vh}}@media (min-width:768px) and (max-width:1024px){.card1{top:10vh}.card2{top:20vh}.card3{top:30vh}.card4{top:40vh}}@media (max-width:400px){.card1{top:10vh}.card2{top:10vh}.card3{top:10vh}.card4{top:10vh}}@media (max-width:350px){.card1{top:-40vh}.card2{top:-40vh}.card3{top:-40vh}.card4{top:-40vh}}