могу сбросить код если кто-то знает как это сделать
Для того чтобы предотвратить изменение размеров изображения при уменьшении окна браузера, можно использовать CSS свойство max-width. Установка max-width: 100%; позволит изображению сохранять свои пропорции и не изменять размеры за пределами своего оригинального размера.
Вот пример использования этого свойства в HTML и CSS:
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<img src="example.jpg" class="resizable-image" alt="Example Image">
</body>
</html>
CSS (styles.css):
.resizable-image {
max-width: 100%;
height: auto;
}
Этот код установит максимальную ширину изображения на 100% от ширины его контейнера, при этом сохранит его пропорции. В результате изображение не будет растягиваться за пределы своего оригинального размера при изменении размеров окна браузера.