How to set background-image with media queries for the engine (CMS)?

Question

CMS

How to use the site engine or CMS to prescribe the background for the block (picture)? I'm learning layout and now I'm writing a background image for blocks using CSS with media queries for good display on different screens and browsers (webp/retina/jpg/png). All code is not written inline, but in CSS.

In this case, what is the best way to set the background if later this layout will be used on the back-end and with the CMS? Are there any solutions?

Answer 1

Don't use a bunch of images, nobody does that.
If you really want to - check webp support through the server - and give webp, the rest is all in css

Answer 2

General css and several separate css for segmented screen resolutions. Each segment - loads its css via @media @include.