css设置 图片根据宽或高 等比例缩放

.common {
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
}
.dom {  width: 110px; }

<img class="common  dom" src="./"  alt="" />
<img class="common" src="./" width="110" alt="" />

毛玻璃效果
backdrop-filter: blur(5px);
background: rgba(25, 80, 245, .08);

背景图片
background：`url(${banner_bg}) left center / 100% 100% no-repeat;

如何将网站置灰？
html {
   filter: grayscale(.95);  
   -webkit-filter: grayscale(.95);
}