Как правильно задать размеры для IMG если заранее не известны размеры картинки?
img {
    max-width: 100%;
    height: auto;
    display: block;
}
или img {
    width: 100%;
    height: auto;
    display: block;
}
Сделать обрезку картинок под нужный размер в cms - самый лучший вариант
или object-fit: contain или cover;
или выравнивать по центру маленькую картинку
или пишем в атрибуте style background-image, почему нет? на натяжку верстки это не влияет. у бг и картинки разные возможности для стилизации, иногда нужно именно бг.