/* Start Catogery-1 Css Code */
#records-container {
    position: relative;
}

#records-container > div {
    transition: transform 0.6s ease, opacity 0.6s ease;
    will-change: transform, opacity;
}

.shuffle-hide {
    opacity: 0;
    transform: translateY(30px);
}

.shuffle-show {
    opacity: 1;
    transform: translateY(0);
}

.record-card1 {
    transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.record-card1:hover {
    transform: translateY(-4px);
}
/* End Catogery-1 Css Code */