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.
Ok thanks, I’ll have a look. I imagine the option you’ve suggested would work but it’s not something a client would be able to do without my help. I might have to accept images in body content isn’t an option.