body {
    background-color: #f8f9fa;
}

.card img {
    height: auto; /* السماح للصور بالتكيف مع حجم الشاشة */
    max-height: 200px; /* تعيين أقصى ارتفاع للصورة */
    object-fit: cover;
}

/* تحسين التباعد على الشاشات الصغيرة */
@media (max-width: 768px) {
    .card {
        margin-bottom: 20px;
    }

    .card-body {
        text-align: center;
    }
}