Html 图像不是'；t显示div内的全宽/全高

我想让我的图像行看起来像下面的图像（边距仍然保持不变），但也让图像显示100%的宽度。它似乎正在剪切一些图像

我还想让它在移动视图中显示图像的整个高度和宽度。这是它在移动视图中的外观：

/*---------------------------------------------------------------------------------------------------------------
墓碑开始-类别-章节内容
---------------------------------------------------------------------------------------------------------------------------  */
.墓石类容器{
最大宽度：100%；
保证金：0自动；
}/*将墓石类别划分设置为占据其容器内可用宽度的100%*/
.网格行{
显示器：flex；
柔性流：行换行；
调整内容：灵活启动；
}/*设置墓碑类别div的显示方式（水平）
并允许它们在屏幕调整时相互缠绕*/
.grid-item2{
身高：100%；
弹性基准：20%；
-ms-flex:auto；
宽度：100%；
位置：相对位置；
填充：0.75%；
框大小：边框框；
}/*在墓碑分类分区之间设置填充，设置大小，并将行设置为5个分区*/
.包装链接{
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
z指数：2；
颜色：当前颜色；
}/*允许用户单击墓碑类别div中的任意位置以访问href链接*/
.网格项包装器{
填充：4px；
-webkit盒大小：初始；
-moz盒尺寸：初始；
盒子尺寸：初始尺寸；
背景:#ececec ;；
保证金：0；
身高：100%；
宽度：100%；
溢出：隐藏；
-webkit过渡：填充0.15s立方贝塞尔（0.4,0,0.9,1），边距0.15s立方贝塞尔（0.4,0,0.9,1），框阴影0.15s立方贝塞尔（0.4,0,0.9,1）；
过渡：填充0.15s立方贝塞尔（0.4,0,0.9,1），边距0.15s立方贝塞尔（0.4,0,0.9,1），框阴影0.15s立方贝塞尔（0.4,0,0.9,1）；
位置：相对；边界半径：12px；
边框：1px纯黑；
}/*添加样式、设置大小并设置墓碑类别div的转换速度*/
.grid-item-container2{
身高：100%；
宽度：100%；
位置：相对位置；
}/*允许内容使用墓碑类别分区的全宽和全高。还可以设置分区样式*/
.grid-image-top2{
最小高度：375px；
最大高度：575px；
最大宽度：100%；
背景尺寸：封面；
位置：相对位置；
背景位置：50%50%；
边界半径：12px；
利润率：5%；
}/*设置墓碑类别分区内图像的大小和位置*/
.grid-image-top2.lawn-memorials{
背景图像：url（“https://www.kayparkmemorials.com/memorials/lawnmemorials/images/lawn43.jpg");
}/*为草坪纪念馆的墓碑分类分区添加图像*/
.grid-image-top2.churchyard-memorials{
背景图像：url（“https://www.kayparkmemorials.com/memorials/lawnmemorials/images/lawn13.jpg");
}/*将图像添加到教堂墓地纪念物的墓碑类别分区中*/
.grid-image-top2.children-memorials{
背景图像：url（“https://www.kayparkmemorials.com/memorials/lawnmemorials/images/lawn27.jpg");
}/*将图像添加到儿童纪念馆的墓碑分类分区中*/
.grid-image-top2.heart-memorials{
背景图像：url（“https://www.kayparkmemorials.com/memorials/lawnmemorials/images/lawn42.jpg"); 
}/*将图像添加到墓碑类别div中，用于心脏纪念*/
.grid-image-top2.books-memorials{
背景图像：url（“https://www.kayparkmemorials.com/memorials/lawnmemorials/images/lawn13.jpg"); 
}/*将图像添加到书籍、卷轴和花瓶的墓碑分类分区中*/
.表格项目内容{
填充：0 20px 20px 20px；
}/*将填充添加到墓碑类别div中的文本中*/
.grid-item2:hover.grid项包装器{
填充：1.5%1.5%；
利润率：-1.5%-1.5%；
背景图像：线性渐变（向右，rgb（223219219），rgb（252252250））；
}/*为用户悬停在墓碑类别div上时添加填充。还为填充中添加的小额外空间添加渐变*/
/*83em=1327px*/
@介质（最大宽度：1327px）{
.grid-item2{
弹性基准：25%；
}/*将墓碑类别div设置为以4行显示*/
}
@介质（最大宽度：1073px）{
.grid-item2{
弹性基准：33.33%；
}/*将墓碑类别div设置为以3行显示*/
}
/*48em=768px*/
@介质（最大宽度：768px）{
.grid-item2{
弹性基准：50%；
}/*将墓碑类别div设置为以2行显示*/
}
/*36em=577px*/
@介质（最大宽度：577px）{
.grid-item2{
弹性基准：100%；
利润底部：3.5%；
}/*为墓碑类别div添加底部边距*/
}
/* --------------------------------------------------------------------------------------------------------------------------- 
墓碑末端-类别-剖面内容
---------------------------------------------------------------------------------------------------------------------------*/

最受欢迎的墓碑：