Как взять только нужную часть изображения в css ⇐ CSS

[Anonymous]

У меня есть изображение, которое должно соответствовать контейнеру ниже класса sub-1 в соответствии с приведенным ниже кодом.
Я попробовал свойство object-fit:cover, но оно не сработало. Он показывает собственную часть изображения браузера. Я хочу показать определенную часть изображения. Как я могу это сделать?
`



Document

.container{
display: flex;
border: 1px solid red;
}

.col-1{
display: flex;
flex-direction: column;
width: 40%;
}

.sub-1{
border: 1px solid blue;

}
.sub-2{
border: 1px solid blue;
height: 100%;
}







some text


image should be here



Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Voluptatibus quae
hic autem enim sunt deserunt officia architecto dolorum quam.

some link







Подробнее здесь: https://stackoverflow.com/questions/785 ... age-in-css