Javascript 如何在每个单独的网格正方形中放置图像？

我已经找到了一个方格，但我想在每个方格中放置一个不同的图像，无论该图像是链接还是文件。我应该如何为我的网格设置HTML以允许每个网格都有图像？此外，我希望将图像的响应性也保持在网格内

如果有人能举例说明，那就太好了

提前感谢您的帮助

网格代码以及代码片段如下所示：

/*！现代化3.5.0（定制版）|麻省理工学院*
* https://modernizr.com/download/?-cssgrid_cssgridlegacy-setclasses*/
! 函数（e，n，t）{
函数r（e，n）{
返回类型e===n
}
函数o（）{
变量e，n，t，o，s，i，l；
对于（w中的a变量）
如果（w.hasOwnProperty（a））{
if（e=[]，n=w[a]，n.name&&（e.push（n.name.toLowerCase（）），n.options&&n.options.alias&&n.options.alias.length））
对于（t=0；td；d++）
如果（m=e[d]，y=N.style[m]，i（m，“-”&（m=l（m）），N.style[m]！==t）{
如果（s | | r（o，“未定义”））返回u（），“pfx”==n？m:！0；
试一试{
N.style[m]=o
}捕获（h）{}
如果（N.style[m]！=y）返回u（），“pfx”==N？m:！0
}
返回u（），！1
}
函数v（e、n、t、o、s）{
变量i=e.charAt（0）.toUpperCase（）+e.slice（1），
l=（e+“”+P.join（i+“”）+i.split（“”）；
返回r（n，“字符串”）| r（n，“未定义”）？y（l，n，o，s）：（l=（e+“”+z.join（i+“”）+i.split（“”），f（l，n，t））
}
函数h（e，n，r）{
返回v（e，t，t，n，r）
}
var C=[]，
w=[]，
S={
_版本：“3.5.0”，
_配置：{
类前缀：“”，
enableClasses:！0，
enableJSClass:！0，
使用前缀：！0
},
_q:[]，
on:函数（e，n）{
var t=这个；
setTimeout（函数（）{
n（t[e]）
}, 0)
},
addTest：函数（e，n，t）{
w、 推({
姓名:e,，
fn:n，
选项：t
})
},
addAsyncTest:函数（e）{
w、 推({
名称：空，
fn:e
})
}
},
Modernizer=函数（）{}；
modernizer.prototype=S，modernizer=new modernize