I’m using a section purely for an image that’s the same width as the content below it (text paragraphs), which is fine but when it resizes on mobile the height is reduced to much. The image is 1020 * 250 which automatically to 260 * 63 on a 320px screen width.
Is there a method I can use so the image has greater height on smaller screens? I’ve tried using a custom image size with an image css class, disabling the built scrset rezising, and a couple of responsive image plugins to no effect.
I noticed featured images also have little height on smaller screens but I’ve since stopped using them now I’ve setup page headers.
Any advice would be appreciated.
Thanks,
Paul.