I have a problem with a coding issue in CSS in my website.

Question

I have a website with a coding issue in CSS. The issue is that the images on the website are stretched out and not displaying correctly. I have tried changing the CSS for the images, but nothing seems to work. Can anyone please help me troubleshoot this issue?
I am experiencing the issue on all browsers and devices that I have tested.
I am giving my website url (specially I am giving you a page link who problem for me)
this is my site naysha steel and alloys company - https://nayshasteel.com/stainless-steel-weldneck-flanges-manufacturer-supplier-in-india.php

Answer 1

how do you specify the image size?
give a code example.

Answer 2

The website in general looks OK to me (in Brave / chromium browser).
One spot that looks a bit strange, is the images in the footer (social section).
Upon inspect I can see this particular style fragment:

.footer-about img {
width: 80%;
height: 100%;
}

Basically this causes the image to be reshaped and look more narrow than the original version.
Also two of the images appear larger than the rest.
My advice is to keep the height and width at the same aspect ratio, to avoid deformation of the images. Also make sure your source images have the exact same size in pixels, so they look consistent.