@media only screen and (min-width: 768px) {
.page-container {
    overflow: visible;
}

.scroll-container {
    position: relative;
    padding-top: auto; /* Consider a specific value if needed */
    padding-bottom: auto; /* Consider a specific value if needed */
}

.card-primary {
    z-index: 1;
    position: sticky;
    height: 60vh;
    top: 20%;
    transition: transform 0.8s ease;
}

.card-primary.shrunk {
    transform: scale(0.8);
}

.card-secondary {
    z-index: 2;
    position: sticky;
    top: 20%;
    height: 60vh;
}
}