我的自适应图片库出现问题

我已经使用自己的HTML和CSS编码制作了一个网站www.carwahi.com，但是以某种方式无法在移动设备上查看时将其图片库固定在页面上。在移动视图中，图像看起来像是原始图片的一半，覆盖了整个页面的一半。

尽管无法在此查询区域中进行整个编码，但我在下面提供了代码。

我在我的html代码中将图像大小以像素为单位。如果要检查，请访问我的网站并调整浏览器大小以查看问题。

<style>
@media screen and (max-width: 700px){
.column.middlehome img{max-width: 100%;}
.column.middlehome{max-width: 100%; padding-right: 0; margin-right: 0;}
.column.sidehome{width: 0%;}
.gallery2 img{max-width: 100%; padding-right: 0; margin-right: 0; padding-left: 8%; margin-left: 0;}
.gallery2{max-width: 100%; margin-right: 0%;}
.containerhero{max-width: 100%;}
}
</style>