使用数据src（lazysizes）将背景图像从css移动到html，并正确使用样式

我的CSS文件中有背景图像，非常沉重。出于这个原因，我想使用Lazysizes加载它们，它可以在您在我的站点上滚动时加载内容

要启用滚动加载，需要使用类lazyload和data src将图像放在HTML中。这对我在网站上的所有资产都很有效，但我的CSS中有一些背景图像，我尝试将其转换为HTML，但我无法按照当前背景的方式对其进行样式、外观和工作

我并没有在网站上编写完整的CSS，我一直在努力使当前的背景图像像现在一样工作，但给了我在HTML中只包含图像引用的可能性

P>我的尝试导致图像被拉伸或不使用断点，因为所有当前背景都与背景相关，或者导致页面中间的正方形。p> 因此，对我来说，挑战不是实际的HTML，也不是使用懒散的大小来加载它。挑战是让CSS发挥作用。。下面是我试图更改背景的HTML元素：

社会学家
Instagram与SoundCloud的音乐

使它起作用。附件代码如下

.yay{
最大高度：550px；
背景重复：无重复；
背景位置：中心；
对象匹配：覆盖；
}

占位符
占位符

提供一个可运行的代码片段，说明您的问题，以及相关的

CSS

代码将真正帮助我们解决问题。