Как правильно обрезать фото
фото резать в фотошопе, на css еще не придумали нейронных сетей распознающих значимые участки фото.
и как быть с вертикальными изображениями?
Либо так же как с горизонтальными - резать значимую часть в фотошопе под нужный формат, жертвуя деталями, либо как делают с вертикальным видео - добавляют некоторый абстрактный фон/размытый дубль изображения, кароче художественные песни и пляски, либо, если блог хоть как-то обслуживается, заранее делать фото для блога в нужной ориентации. Пока ничего другого человеческий гений не придумал.