Şöyle anlatayım size. Bunu yapmanın bir çok yolu var. Ben bir kaç tanesini lojik olarak anlatayım size.
1.







Burada ne yaptık dış div'e sabit boyut verdik ve arta kalan kısımları kestik ki ben pek önermiyorum.
2.






Burada ne yaptık. Bir div oluşturduk ve resmi dive arkaplan resmi olarak verdik ve resmi dikey ve yatay ortalaması istedik. 1.center yerine left yazarsak soldan başlar vs

3.





size:contain kullanırsakta resmi dive çok güzel bir şekilde oranlayıp ekler ki bence güzel olur. Yada size:cover olarak deyenebilirsiniz hangisi hoşunuza giderse.

4. Bu yol ise php olarak bir çözüm üretiyor.
Veritabanından gelen resmin width ve height değerlerini alıyorsunuz.
genişliği yüksekliğe bölüyorsunuz eğer ki sonuç 1 den büyük çıkarsa resim yatay küçük çıkarsa resim dikeydir. Daha sonra bu sonuca göre if else ile css kuralı belirleyebilirsiniz.
Not: Background resim eklersen no-repeat tanımlamayı unutmayınız.
Not:2 4. çözüm yolunu da her yerde göremezsiniz :)
Not3: Derleyicide yazmadım ufak noktalama harf hataları olabilir yeni uyandım artık onları da siz halledersiniz :)


Umarım yardımcı olabilmişimdir :)
Çalışmalarınızda başarılar dilerim.