.collection-card__inner {
    position: relative;
}
.collection-card__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    transform: translateY(100px);
    background: linear-gradient(0deg,rgba(var(--color-background-rgb)/ 0.5) 0%, rgba(var(--color-background-rgb)/ 0) 70%);
    transition: all 250ms ease-in-out;
}
.collection-card__content {
    z-index: 2
}

.collection-card:hover .collection-card__inner::before {
    transform: translateY(0);
    background: linear-gradient(0deg,rgba(var(--color-background-rgb)/ 1) 0%, rgba(var(--color-background-rgb)/ 0) 70%);
}