Как через css показать допустим левую часть картинки только или обрезать правую на 40%?

Чтобы показать только левую часть картинки или обрезать правую на 40% с использованием CSS, можно воспользоваться свойством background-position и background-size.

Если у вас есть элемент, к которому вы хотите применить эту логику, то вначале нужно задать ему фоновое изображение с помощью свойства background-image. Например:

.element {
  background-image: url(path/to/image.jpg);
}

Чтобы показать только левую часть картинки, можно использовать свойство background-position с установкой значения left. Таким образом, изображение будет смещено до крайней левой точки элемента:

.element {
  background-image: url(path/to/image.jpg);
  background-position: left;
}

Чтобы обрезать правую часть картинки на 40%, можно использовать свойство background-size с установкой значения 60% для ширины элемента. Таким образом, правые 40% изображения будут обрезаны:

.element {
  background-image: url(path/to/image.jpg);
  background-position: left;
  background-size: 60% 100%;
}

Если вам нужно обрезать правую часть на определенное количество пикселей, вы можете использовать значение измерения пикселей вместо процентов. Например:

.element {
  background-image: url(path/to/image.jpg);
  background-position: left;
  background-size: calc(100% - 40px) 100%;
}

Не забудьте также установить высоту элемента (свойство height), чтобы соответствовать высоте фонового изображения.

В итоге, используя вышеприведенные CSS-правила, вы сможете показать только левую часть картинки или обрезать правую на 40%.