Atelier 主题媒体文件在M端 放大后超出了屏幕

Atelier 主题媒体文件在M端 放大后超出了屏幕 怎么改成不超出屏幕,我不知道应该怎么修改他的尺寸,他好像是用了PC端的生成尺寸,变得超级大

在产品模板装修页面Productinformation - Custom CSS添加以下代码

@media only screen and (max-width: 768px) {
  drag-zoom-wrapper {
    max-height: 100vh;
    overflow: hidden;
    touch-action: none;
  }
  drag-zoom-wrapper img {
    object-fit: contain !important;
    max-width: none;
    max-height: none;
  }
}