.all-cards {
display: flex;
flex-direction: column; /* Arrange cards vertically in the column */
}
.card1 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 50px; /* Offset from the top */
}
.card2 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 100px; /* Offset from the top */
}
.card3 {

position: -webkit-sticky; /* For Safari */
position: sticky;
top: 150px; /* Offset from the top */
}
.card4 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 200px; /* Offset from the top */
}