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

В HTML есть специальный элемент - <img>, который может использоваться для вставки изображений на веб-страницу. Однако, в данном случае, вы указали, что картинка вставлена через CSS. Предполагаю, что вы используете свойство background-image для задания фона элемента.

Если вы хотите изменить размер картинки, чтобы она соответствовала размерам своего родительского элемента, можно воспользоваться несколькими подходами. Вот некоторые из них:

1. Используйте свойство background-size со значением "contain". Например:

.parent {
  background-image: url('путь_к_картинке.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

Свойство "contain" изменяет размеры фона таким образом, чтобы он полностью помещался внутри родительского элемента. При этом пропорции картинки сохраняются, что означает, что некоторая часть фона может оказаться невидимой.

2. Используйте свойство background-size со значением "cover". Например:

.parent {
  background-image: url('путь_к_картинке.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

Свойство "cover" изменяет размеры фона таким образом, чтобы он полностью заполнял родительский элемент. При этом пропорции картинки могут измениться, что может привести к обрезке некоторой части фона.

3. Используйте свойство width и/или height для установки явных размеров родительского элемента. Например:

.parent {
  width: 500px;
  height: 300px;
  background-image: url('путь_к_картинке.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

В этом случае, родительский элемент будет иметь явно заданные размеры, и фон будет масштабироваться соответственно.

Выбор подхода зависит от требований и предпочтений дизайна вашего проекта.