Как изменить размер под родителя для картинки, вставленной через CSS?

Question

[Рамазан]

Я вставляю изображение с помощью CSS в карточку, но оно растягивается и не залазит полностью в блок. Каким образом я могу его подстроить под размер блока? background-position: cover не работает, картинка все равно не подстраивается под родителя


<div class="card card_2"></div>

.card {
  width: 328px;
  height: 554px;
  margin: auto;
}

.card_2 {
  background-image: url('/images/card2.jpg');
  background-position: cover; /* не работает */
}

Answer 1

[Kentavr16]

.card_2 {
  background-image: url('/images/card2.jpg');
  background-size: cover; /* работает */
}

Comments

[Рамазан]

это не работает) вставляется только часть картинки в блок

[Рамазан]

а нет, работает! спасибо!