响应式背景图像 - 媒体查询

Question

我一直在寻找，但没有找到解决我问题的任何东西。所以基本上我正在寻找一种方法，使用媒体查询在div中使用3个不同的图像。

简单地说：

1. 大型显示器的更宽的矩形图像
2. 平板电脑的较短矩形图像
3. 手机的方形图片

我已经研究了背景图像的想法，而最接近的ive能够得到的是使用隐形png来保持“比率”。但我想要使用的所有图像都有不同的比例。

有什么想法吗？