以Jekyll +最小主题显示肖像图像的正确方法是什么？

Question

我正在使用Jekyll's minima theme。我有一篇博客文章，其中包含一系列图像。所有图像均以横向模式显示（甚至应该是纵向的）。

如果我在新标签页中打开人像图像，浏览器将正确显示它，如下所示：

有没有办法使图片正确显示？当前正在使用：

![](\assets\20190227_074436.jpg)

我尝试将其添加到main.css

.rotate {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

在博客文章中使用它

<img src="\assets\20190227_074436.jpg" class="rotate">

但这会使图片与上方的图片和下方的文字重叠。如下图所示：

使用Jekyll +最小主题以肖像方式显示图片是否正确？

干杯