Как сделать чтобы при уменьшении div была видна только часть картинки внутри

Для этого можно использовать CSS-свойство `overflow: hidden` на родительском элементе. Вот пример: ```html ``` ```css .image-container { width: 200px; height: 200px; overflow: hidden; } .image-container img { width: 400px; height: 400px; } ``` В этом случае: 1. Родительский `div` ограничивает видимую область 2. Изображение больше контейнера, поэтому будет видна только его часть 3. Можно управлять видимой частью через `object-position` для изображения или `transform: translate()`