Как я могу сделай svg background для блока с текстом, так чтобы при увеличении контента бек адаптивно расширялся?

Question

[maksiminakk]

Пробовал делать через before с background-size и img с object-fit, не вышло(

svg xmlns="www.w3.org/2000/svg" width="294" height="117" viewBox="0 0 294 117" fill="none"
path d="M4.16001 58.8501C6.84001 69.44 9.58001 80.0001 12.08 90.6301C13.87 98.19 19.16 102.56 27.3 104.05C34.13 105.31 41.11 106.05 48.06 106.73C52.1556 107.2 56.2785 107.39 60.4 107.3C65.97 107.14 71.53 106.49 77.1 106.14C85.17 105.63 176.23 105.06 184.31 104.77C196.41 104.34 208.53 104.33 220.62 103.77C227.43 103.46 234.2 102.45 240.98 101.67C248.78 100.77 256.56 99.7701 264.34 98.8001C265.32 98.5995 266.338 98.6917 267.266 99.0651C268.194 99.4385 268.992 100.077 269.56 100.9C273.81 106.44 279.56 110.73 285.3 114.9C287.82 116.73 288.46 116.49 289 113.64C290.106 108.473 290.947 103.253 291.52 98.0001C292.35 88.2901 292.75 78.55 293.27 69.6301C292.49 58.4401 291.99 48.0701 290.97 37.7501C290.09 28.9701 288.62 20.2501 287.39 11.5001C287.284 10.4089 287.059 9.33264 286.72 8.29005C286.09 6.61005 285.22 5.03005 283.05 4.50005C282.891 4.47078 282.739 4.4132 282.6 4.33005C276.32 0.480052 269.06 0.410052 261.92 0.330052C244.65 0.170052 227.38 0.120052 210.11 0.330052C199.11 0.470052 188.11 1.10005 177.11 1.60005C169.35 1.96005 161.59 2.26005 153.87 2.94005C140.68 4.10005 44.53 5.44005 31.39 6.85005C25.39 7.49005 19.39 8.31005 13.39 9.37005C10.9289 9.85414 8.56412 10.7393 6.39001 11.9901C1.66001 14.6601 0.180011 18.9901 0.0600113 23.6501C-0.195584 35.516 1.18404 47.3605 4.16001 58.8501Z" fill="#FFD7D7"
svg

Comments

[VoidVolker]

maksiminakk Правила 3.8

[imko]

Пахнет просто картинкой с текстом) Но можешь использовать cqw и cqh единицы для размера текста

[Максим]

Надо удалить width и height и тогда будет работать и сделать прогнать через этот сервис: https://yoksel.github.io/url-encoder/