Another way to make a background image responsive based on images that will be uploaded is to us inline styles. Basically, you add full <style></style> elements to the page that are dynamically generated.
I don’t have example code that I can share. Basically what you need to do is read through your available image sizes and generate @media CSS for each screen size you want to use and use the element ID and set the background image at for the media selector.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Clients need flexibility. Developers need a repeatable workflow that doesn’t have a steep learning curve. See how digital marketing agency Noiza found both with Advanced Custom Fields in our latest case study.https://t.co/BxQAy6COJt