I've a banner image (background image in css class) in home page which will be displayed in all devices (mobile, tablet and desktop). The editor will add individual image for each device (one image for mobile and one image for tablet and one image for desktop since they don't want to resize it for different view port). I need to render one image according to device (The page source should have only one image). Is there any way to achieve this with the help of display channel?
I will be using one page template for all device.