.prease-collection-card {
    position: relative;
    height: 400px;
    overflow: hidden;
    background: #efefef;
}

.prease-collection-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.5s ease;
    will-change: transform, opacity;
}

.prease-collection-card:hover .prease-collection-image {
    transform: scale(1.025);
}

.prease-collection-dot {
    width: .5rem;
    height: .5rem;
    border-radius: 9999px;
    background: rgba(255,255,255,.55);
    transition: width .3s ease, background-color .3s ease;
}

.prease-collection-dot:hover {
    background: #fff;
}

.prease-collection-dot--active {
    width: 1.75rem;
    background: #fff;
}

@media (min-width: 640px) {
    .prease-collection-card { height: 500px; }
}

@media (min-width: 1024px) {
    .prease-collection-card { height: 600px; }
}