Images scale wrong on mobile
Images that look stretched or squashed on phones in Joomla usually have a fixed height attribute. Remove it or set height to auto in your CSS.
In order to have your image scale correctly on all viewports, you have to do the following.
By default, it will work, but if for some reason, your images do not scale correctly on mobile, it is probably the height attribute that is set.
If the height attribute is set, on a smaller viewport this will deform the image when making the image fit to a smaller screen, the height stays the same, thus scaling it nog right.
Simply remove the height attribute from the image and your problem is solved.
Doctor Joomla is a project of Cloudfaction, a Dutch agency building and maintaining Joomla sites since 1999. The articles are made with the help of AI, so tell us if something does not match your screen. Mail info@cloudfaction.nl if you want someone to look at yours.