Лучший вариант - сделать или скопировать как svg, и дать как бэкграунд на псевдоэлементы ::after и ::before

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

.content {
  position: relative;
  padding-right: 400px; //отступ справа на ширину контента, так как при абсолютном позиционировании элемент выпадает с потока
}

.content img {
  position: absolute;
  right: 0;
  display: block;
  transition: transform 0.33s linear;
}

.content img:hover {
  transform: scale(1.1); //увеличивает размер изображения в 1.1 раза
}

https://livedemo00.template-help.com/wt_prod-3852/... - можете посмотреть здесь на второй секции, псевдоэлемент с градиентным бэкграундом