/* Add custom CSS styles below */ 

.card-item {
  width: 30%;
  height: 30%;
  overflow: hidden;  /* لمنع خروج أي محتوى عن إطار البطاقة */
  border-radius: 8px;/* حواف دائرية اختيارية لمظهر عصري */
}

/* التحكم في أبعاد الصورة لمنع التشويه */
.card-item img {
  width: 30%;
  height: 30%;
  object-fit: cover; /* **أهم خاصية** لملء البطاقة وقص الزوائد دون تمديد الصورة */
}