Hocam öncelikle görsellere bir width ve height değeri tanımlayın. Bazen bootstrap classlarını img yerine dive verebilirsiniz bu yüzden bence CSS dosyanızda ilgili alan için:



img {

width: 250px;
height: 250px;
object-fit: cover;
object-position: center;

}



eklemesi yapmanız yeterli böylece hem responsive görseller elde eder hem de bulunduğu bölgeye göre boyutlandırmış olursunuz. img-responsive her zaman etkin olmaz mesela ilgili bölgede width değeri yoksa istediğiniz sonucu vermez.