So I have a background image attribute (as a string referencing an image in the project), that belongs to a Badge table.
I'm rendering each background image based on the current path. But I want to render different images at two different max-widths.
renders a background at full width, while
should use the smaller image once the max-width gets around 700px.
Tweaking the background-position and background-size isn't an option. It has to be two separate images.
Any input appreciated. Thanks!