Html 图像赢得'；t填充分区

所以基本上我在创建一个假的意大利餐厅网站，img容器中的图像与盒子不匹配，在图像下方留下一条线。另外，img容器溢出了我不希望它这样做的图像。谢谢你的帮助

这是我的密码

@导入url（“https://fonts.googleapis.com/css2?family=Open+SAN:wght@400；600；700；800&display=swap”）；
@导入url（“https://fonts.googleapis.com/css2?family=Libre+巴斯克维尔：wght@400；700&display=swap”）；
/*CSS重置*/
* {
保证金：0；
填充：0；
框大小：边框框；
}
/*车身造型*/
身体{
背景色：#dee7e7；
字体系列：“开放式Sans”，无衬线；
}
/*导航*/
导航{
利润上限：-35px；
高度：70像素；
背景色：#fff；
保证金：0px 0px 35px 0px；
高度：60px；
填充：20px；
}
导航a{
文字装饰：无；
}
导航a：已访问{
颜色：#000；
}
导航a：悬停{
光标：指针；
}
.导航链接{
浮动：对；
利润上限：-25px；
边缘底部：20px；
字体系列：“自由巴斯克维尔”，衬线；
}
.导航链接。当前{
字号：700；
文字装饰：下划线；
}
.导航链接a{
右边填充：10px；
字体大小：16px；
文字装饰：无；
颜色：#000；
字体大小：400；
}
.导航链接a：悬停{
文字装饰：下划线；
}
.导航链接a：已访问{
颜色：#000；
}
收割台导航h3{
字体系列：“自由巴斯克维尔”，衬线；
字号：26px；
}
/*展示1*/
.展示{
显示：网格；
网格模板列：2fr 3fr；
栅柱间隙：1米；
文本对齐：左对齐；
边缘底部：20px；
}
.文本容器{
放置项目：中心；
保证金：20px 30px 20px 60px；
字号：18px；
}
.文本容器h1{
边缘底部：20px；
字体系列：“自由巴斯克维尔”，衬线；
}
.文本容器p{
字体大小：16px；
右边填充：10px；
}
.btn主要{
宽度：150px；
高度：40px；
边缘顶部：20px；
边界：无；
边界半径：5px；
背景#06a77d；
颜色：#fff；
字体系列：“开放式Sans”，无衬线；
字号：600；
盒影：1px 1px 2px 1px灰色；
}
.btn主：悬停{
颜色：浅灰色；
文字装饰：下划线；
光标：指针；
}
.img集装箱{
背景：c9d7d7；
}
.img容器img{
左边距：80px；
溢出：自动；
高度：500px；
}
/*展示2*/
.展示-2{
显示：网格；
网格模板列：2fr 3fr；
栅柱间隙：1米；
文本对齐：左对齐；
边缘底部：30px；
背景：#192534；
颜色：#fff；
}
.text-container-2{
放置项目：中心；
保证金：20px 30px 20px 60px；
字体大小：16px；
顺序：1；
}
.text-container-2 h1{
边缘底部：20px；
字体系列：“自由巴斯克维尔”，衬线；
}
.text-container-2p{
字体大小：16px；
右边填充：10px；
}
.btn中学{
宽度：150px；
高度：40px；
边缘顶部：20px；
边界：无；
边界半径：5px；
背景：#cc224e；
颜色：#fff；
字体系列：“开放式Sans”，无衬线；
字号：600；
盒影：1px 1px 2px 1px黑色；
}
.btn主：悬停{
颜色：浅灰色；
文字装饰：下划线；
光标：指针；
}
.img-container-2{
背景#3d5777；
右侧填充：-300px；
顺序：2；
}
.img-container-2 img{
左边距：80px；
最大宽度：100%；
高度：510px；
}
.美味佳肴{
浮动：对；
最大宽度：100%；
高度：130像素；
右边距：20px；
}
.页面标题{
文本对齐：居中；
边缘底部：30px；
字体系列：“自由巴斯克维尔”；
}
.关于集装箱{
放置项目：中心；
利润率：10px 30px 20px 60px；
字号：18px；
}
.文本容器h1{
边缘底部：20px；
字体系列：“自由巴斯克维尔”，衬线；
}
.关于集装箱p{
字体大小：16px；
右边填充：10px；
左边距：20px；
}
.关于容器按钮{
左边距：20px；
}
.菜单文本{
文本对齐：居中；
左边距：70像素；
右边距：70像素；
边缘底部：20px；
}
.菜单容器{
显示器：flex；
证明内容：中心；
背景#3d5777；
左边距：200px；
右边距：200px；
边缘底部：20px；
}
.fa雪佛龙左{
字体大小：30px；
浮动：左；
右边距：200px；
边缘顶部：300px；
颜色：#fff；
}
.fa雪佛龙右{
字体大小：30px；
浮动：左；
左边距：200px；
边缘顶部：300px；
颜色：#fff；
}
.菜单容器img{
最大宽度：100%；
高度：650px；
利润率：10px；
}
iframe{
边缘顶端：40px；
浮动：对；
右边距：100px；
宽度：600px；
盒影：1px 1px 1px灰色；
}
.联系方式{
背景#3d5777；
宽度：400px；
高度：200px；
颜色：#fff；
左边距：120像素；
边缘顶部：160px；
放置项目：中心；
证明内容：中心；
填充顶部：30px；
}
.联系p{
边缘底部：5px；
}
.fas{
边缘底部：5px；
字体大小：16px；
}
/*页脚*/
页脚{
宽度：100%；
文本对齐：居中；
背景：#192534；
填充：10px；
}
页脚h2{
颜色：#fff；
字体大小：14px；
}
页脚a{
颜色：#8abeff；
}

欢迎来到意大利厨师
我的同僚们都是精英。发明者之脸。官员的智慧，代表真实的自由，最小的脸和最大的脸的区别，必须接受动物错误的分子
阿迪皮西。作为一个官方机构，我们必须遵守法律规定，在法律规定的前提下，我们必须遵守法律规定

了解更多
正宗意大利菜
我的同僚们都是精英。发明者之脸。官员的智慧，代表真实的自由，最小的脸和最大的脸的区别，必须接受动物错误的分子
阿迪皮西。作为一个官方机构，我们必须遵守法律规定，在法律规定的前提下，我们必须遵守法律规定

Lorem ipsum，dolor sit amet Concertetur Adipising Elite。第二部分为第二部分
.img-container {    
     position:relative
 }

.img-container img {    
    height: 100%;
    width: 100%;
}

.img-container {    
   position:relative;
   width: 200px;
   height: 200px;
}

   .img-container {    
     position: relative;
     overflow: hidden;
 }

.img-container img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
}