TL: DR object-fit: cover; сделает свое дело.
Решение 1 - ФИКСИРОВАННАЯ ВЫСОТА
с этим решением вы должны установитьзначение высоты изображений: фотографии не будут растягиваться, но соотношение будет различным для каждого экрана
.img-fluid {
height: 200px; /* insert here your desired height*/
object-fit:cover;
}
Решение 2 - РЕАЛЬНАЯ ЖИДКОСТЬ
эторешение немного сложнее, но фотографии всегда будут иметь соотношение, которое вы выберете.
.card-body a div:first-child {
position: relative;
width: 100%;
height: 0;
padding-top: 60%; /*insert value for the desired ratio. ie: 60% -> 10/6 image*/
}
.img-fluid {
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}