How to make a responsive image using css rules background in a block?

Question

css

Hello, there is a block, text is written in it, and an image is set as the background of the block. The version of the site is adaptive, so when the browser window is narrowed, the block changes its width several times. A separate image has already been prepared for each width. And if in the case of img everything becomes clear with the help of srcset , then how can you do the same in the case of background?

Answer 1

If the block is static, you need to put it in a media query, as mentioned above, if it is dynamic and it is supposed to be filled, such as an element of some list of texts, you don’t need to make it a background at all