Not sure if I am asking the correct question here as I am more of a PHP coder than a graphics designer. My client's site has a Views img gallery which displays 3 columns wide on desktop and 1 wide on mobile. The image resolution on mobile is not very good and I am trying to increase it. I suspect it is the same resolution on desktop but no one is concerned about that.
I think the correct solution here is to use a larger img style for the image and then adjust with CSS to shrink it to fit the device (responsive). But if I do that, the images do not size to fit in the 3 wide columns on desktop.
Does this all make sense? Is there a module to do this properly. I have looked at Responsive Images and Styles and Picture modules but they sound like simply make images which resize but don't allow starting with a larger img to start with (larger style).