.p1 { position: relative; width: 300px; /* Фиксированная ширина */ height: 300px; /* Фиксированная высота */ overflow: hidden; /* Скрываем края увеличивающейся картинки */ } .p1 img { width: 100%; /* Ширина изображения равна ширине контейнера */ height: auto; /* Высота пропорциональна ширине */ transition: transform 0.3s ease-in-out; /* Переход между состояниями */ } .p1:hover img { transform: scale(1.2); /* Увеличение изображения при наведении */ }