фоновое изображение
Мне нужно поставить блоку "итог" фоновое изображение так, чтобы оно полностью входило в блок, прижималось к правой стороне блока, не повторялось и чтобы не залезало на текст. Можно ли как-то уменьшить ширину этого фонового изображения, чтобы выполнялось все условия только с помощью css свойств и без фотошопа? Картинку я просто рандомную нашел. Вот мои стили:
.gray_block {
border-radius: 20px;
padding: 30px;
background-color: #f3f3f3;
margin-bottom: 40px;
background-repeat:no-repeat;
background-size: contain;
background-image: url("https://www.newfoodmagazine.com/wp-content/uploads/shutterstock_251380513-scaled.jpg");
background-position: right;
}
Заголовок и текст находятся в диве с классом gray_block
