/* برای تصاویر داخل کارت ها */
.card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-fit: contain;
    object-position: center;
}

/* اطمینان از اینکه کارت ها هم ارتفاع می شوند */
.card.h-100.d-flex.flex-column {
    /* اگر نیاز به اطمینان بیشتر بود، می توان min-height را اینجا تعریف کرد */
    min-height: 400px; 
}

/* تنظیم کننده فضای متن */
.card-body.d-flex.flex-column {
    flex-grow: 1;
	height: 200px;
    justify-content: space-between; /* می تواند به چیدمان بهتر کمک کند */
	display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* اگر متن عنوان/توضیحات نیاز دارد که به پایین بچسبد */
.card-body p {
    margin-top: auto;
}