/* Table */
.results-table-body {
    transition: all 0.2s ease-in; 
}
.results-table-body.htmx-swapping {
    opacity: 0;
    transition: opacity 0.2s ease-out;
}
#logo-background {
    opacity: 0;
    animation: fadeIn 5s forwards;
}
@keyframes fadeIn {
    to {
        opacity: 0.5;
    }
}
#logo-background img {
    opacity: 0.5;
}


/* Photo Card styles */
.photo-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.photo-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}