/* Image Placeholder Styling */
.img-placeholder {
    background-color: #E5E7EB;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    object-fit: cover;
}

/* Optional: Add a subtle pulse animation to placeholders */
.img-placeholder.loading {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}