/* Hover preview container */
.album-preview {
    position: absolute;
    display: none; /* Hidden by default */
    z-index: 1000;
    pointer-events: none; /* Prevent interference with mouse events */
    transform: translate(10px, 10px); /* Slightly offset from cursor */
    opacity: 0; /* Initial opacity for fade-in effect */
    transition: opacity 0.2s ease-in-out;
}

/* Thumbnail styles */
.album-preview img {
    max-width: 200px;
    max-height: 200px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Preview visible */
.album-preview.visible {
    display: block;
    opacity: 1; /* Fade in */
}