要使用background-image实现响应式设计，可以通过CSS的media queries来实现不同屏幕尺寸下显示不同的背景图片。
首先，将background-image设置为一个默认的背景图片，然后使用media queries来根据不同的屏幕尺寸设置不同的背景图片。例如：
/* 默认背景图片 */
.element {
background-image: url('default-bg.jpg');
}
/* 在小屏幕下显示不同的背景图片 */
@media only screen and (max-width: 600px) {
.element {
background-image: url('small-screen-bg.jpg');
}
}
/* 在大屏幕下显示不同的背景图片 */
@media only screen and (min-width: 1200px) {
.element {
background-image: url('large-screen-bg.jpg');
}
}
通过以上代码，可以实现在不同的屏幕尺寸下显示不同的背景图片，从而实现响应式设计。需要根据实际需求和设计来调整不同屏幕尺寸下的背景图片。
