如何限制img max width到处？

Question

我正在使用Vuejs构建一个应用程序，并且我使用v-html标记来包含来自我应用外部的HTML

基本上它是<v-card-text v-html="article.t">

我遇到的问题是，有时<img>中的html太大了。我想限制它的宽度。

<style>
.guardian img {
  width:50% !important;
  max-width:200px !important; 
}
.gu-image {
  width:50% !important;
  max-width:200px !important; 
}
</style>

但它不起作用。我的问题是：如何控制页面上各处的img宽度？