背景画像を指定の位置で分割したい

Question

以下の画像のように、指定された領域の位置で背景画像を分割したいです。

画像でなくてもCSSで斜めストライプのパターンができれば問題ないです。
画像やCSSのみでいろいろ調べながら試してみてはいるのですが、
なかなか思うようにいきません。

横幅はフルサイズなのでwidth:100%;
その中の背景画像の分割の切れ目をテキストとテキストの間の「●」の真ん中を通るかたちにしたいです。

どのようにすれば実現できるかご教授願います。
よろしくお願いいたします。

【教えてほしい点】
背景の画像を分割する方法
（ブラウザの拡大比率を縮小、メディアサイズが変わっても、
上にかぶさっているテキストの●部分と分割の境目重なるようにする方法）

【状況】
・ブラウザの拡大比率を縮小すると、
背景画像の境目とテキストの●部分がずれてしまう。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[T.Hamagami]

ありがとうございます、編集してみました。　わざわざありがとうございます。

Answer 1

いまいち状況がわかりませんが●が画像ということでしょうか？
左右分割された半円を用意して、
線を境に左右別の段落（？）にしておいて左側は右寄せ、右側は左寄せするとかじゃないですか？
具体的にはソースを提示してもらわないとわかりません