固定ページTOPのヘッダー画像がうまく作れない

【お使いの Snow Monkey のバージョン】20.2.2
【お使いの Snow Monkey Blocks のバージョン】19.6.0
【お使いの Snow Monkey Editor のバージョン】9.2.5
【お使いのブラウザ】Chrome
【当該サイトのURL】

### 実現したいこと

固定ページのメインビジュアル（ヘッダー画像）を以下のように、右側は余白無しで画像がフルで入って、左側は画像が切れていて、その上に色を入れてその上に文字を載せるといった感じにしたいと思っています。
※以下イメージ画像（キャプチャをトリミングして作っています）

セクション（ブロークングリッド）を使ってやってみているのですが、微妙にうまく行かず、以下のような問題が生じています。

### 発生している問題

上部に余白が出来てしまう（ホームページのコンテンツエリアに上下余白を追加するはチェックしていません）。

また、左右の余白の調整もうまくいきません。
コンテンツ部分のコンテナーの余白を削除を選択すると、左側の赤ベタの部分が左端にくっついてしまいますし、一方で選択しないと左右に余白が出来てしまいます。

### 試したこと

ホームページのコンテンツエリアに上下余白をチェックなどいろいろ試していますがうまく行きません。

そもそもセクション（ブロークングリッド）でやること自体がまちがっておりますでしょうか？

CSSで調整した方が早いでしょうか？

恐れ入りますがもし解決法がわかればご教授頂きたく。