Html 居中图像和添加字体大小无效

我希望图像是在大尺寸和居中，它似乎大小和显示居中仍然不工作

HTML:

如果需要更大的尺寸，请根据需要增加em值宽度。

---

例如，更改

宽度：33em至
宽度：50em，
宽度：65em
这就是您需要的吗？图像似乎没有居中并放大。您是否希望
字体大小
改变图像大小？这样可以根据需要增加em值
<div class="content-grid">
  <img src="test.jpg" />
</div>

.content-grid img{
  display: block;
  margin: 0 auto;
  font-size: 250%;
}

.content-grid img{
display: block;
    margin: 0 auto;
    height: auto;
    /* font-size: 255%; */
    width: 33em;
}