Чтобы использовать только часть изображения с помощью CSS, вы можете использовать разные методы. Вот несколько способов:

1. CSS Clip:
   Свойство CSS clipпозволяет определить прямоугольную область для отображения из фонового изображения элемента. Вы можете указать координаты верхнего левого и нижнего правого углов региона. Однако обратите внимание, что свойство clipустарело и не рекомендуется для современной веб-разработки.

2. Положение фона CSS.
   Настраивая свойство background-position, вы можете расположить фоновое изображение внутри контейнера. Указывая координаты X и Y, вы можете контролировать, какая часть изображения будет видна. Например:

   .image-container {
    background-image: url('your-image.jpg');
    background-position: -50px -100px;
   }

3. Размер фона CSS:
   Свойство background-sizeпозволяет управлять размером фонового изображения. Указав размеры, вы можете изменить размер изображения, чтобы оно поместилось в контейнер, или растянуть его. Например:

   .image-container {
    background-image: url('your-image.jpg');
    background-size: 200px 150px;
   }

4. Маскирование CSS.
   Маскирование CSS позволяет определить маску для элемента, отображая только ту часть изображения, которая пересекается с маской. Этого можно добиться, используя свойства mask-imageи mask-position. Этот метод обеспечивает большую гибкость в формировании видимой части изображения. Однако обратите внимание, что поддержка маскировки CSS в браузерах может различаться.