Image size for adjacent block?

Question

css

What rules to write in CSS for the left block, while filling the right block with text, the picture would be adjusted to it (to the full height)
(PS. There is a picture as a background)

Answer 1

Set the parent element containing the text block and the "picture" block to display: table-row. Child blocks - property display: table-cell.
When doing this, do not forget to specify the width of the child blocks (in the amount of 100% of the parent).
And now background-size: cover

Answer 2

background-size: cover;

Answer 3

Give the block with the image the height of the parent and everything will be fine. The code will be something like this:

<div class="row">
<div class="col-xs-6 image">image</div>
<div class="col-xs-6 content">content</div>
</div>

.image {
height: inherit;
background: url('url');
background-size: cover;
}
.content {
...
}