レスポンシブが反映されない

こちらでも試してみましたが、CSS はあたっているようなので、まーちゅうさんが書かれているように background-size で調整するのが良いのでは？と思いました。

プルクオートのほうは、.title .has-large-font-size というクラスをどのように付与しているのかがわかりませんでした。

※CSS のスクショだけだと試そうと思う人が試しにくいと思うので、下記テキストで記入します。

@media screen and (max-width: 999px) {
  .top-image .smb-section-with-bgimage__bgimage {
	width: 100%;
	height: 100vh;
  }
}

@media screen and (max-width: 640px) {
  .top-image .smb-section-with-bgimage__bgimage {
	width: 100%;
  }

  .title .has-large-font-size {
    font-size: 20px;
  }
}

.top-image（= セクション（背景画像/動画ブロック）の大外の要素）には背景画像は無いので background-size をつけてもどこにも影響を与えることはできません。画像が繰り返しでない場合は背景画像ではなく img で配置されているので、background-size ではなくて object-fit になります。

@media screen and (max-width:999px){
  /*トップイメージ*/
  .top-image {
    height: 90vh;
  }
  .top-image .smb-section-with-bgimage__bgimage > img {
    object-fit: contain;
  }
}

ただ、background-size: contain や object-fit: contain は、表示エリアに収まるように画像を縮小するという指定になるので、画像を画面いっぱいに広げたいという用途には不向きです。ちょっとどう表示させたいのかがいまいちわかっていないのですが、

– 画像はどこか切れることなく全て表示したい
– 画像は画面いっぱいに表示したい
– 画像の上に文字を載せたい

という表現を実現したいのであれば、セクション（背景画像/動画）ブロックは向いていないのではないかと思います。Snow Monkey Blocks やコアのブロックにはそのような表現ができるブロックはなかったと思うので、CSS でカスタマイズするよりはカスタム HTML ブロックなんかで自作したほうが確実ではないかと思います。

解決できてよかったです！

背景画像に色々と付け加えたい場合はカスタムHTMLブロックになるのですね。

「背景画像に色々と付け加えたい場合」というか「エリア内に背景画像を切り取らずに表示したい場合」が正しいですね。
解決済みということでトピック閉じます。