Обрезка img css

Да, вы можете использовать CSS для обрезки изображений, используя свойство `overflow: hidden` вместе с установкой определенных размеров для родительского контейнера. Вот пример кода:

```css
.container {
width: 200px;
height: 200px;
overflow: hidden;
position: relative;
}

.container img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
```
HTML:

```html
<div class="container">
<img src="your_image.jpg" alt="Your image">
</div>
```

В этом примере изображение будет обрезано до размеров контейнера (200x200 пикселей). Помимо этого, с помощью свойства `clip` вы можете точно указать область изображения, которую хотите показать.

Важно заметить, что `clip` больше не рекомендуется к использованию в новых проектах, и вместо него предлагается использовать `clip-path`, но обратите внимание на то, что поддержка `clip-path` в некоторых браузерах может быть неполной.

Также можно использовать `object-fit: cover;` для изображений, чтобы они подстраивались под размер своего контейнера, сохраняя при этом свои пропорции.

object-fit
https://developer.mozilla.org/ru/docs/Web/CSS/object-fit