wordpressテーマ XeoryExtension メインビジュアルの画像がスマホ表示だとはみ出してしまう

Question

前提・実現したいこと

XeoryExtension メインビジュアルの画像がスマホ表示だとはみ出してしまいます。
色々調べてみたものの解決策がわかりません。
宜しくお願い致します。。。

試したこと

cssの問題なのでしょうか？
現在このようになっています。

body.home #main_visual {
background-image:urlhttp://www.liverconnect-ct.com/wp-content/uploads/2021/06/youtube_profile_image.png) !important;
max-width: 100%;
height: auto;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color:#000 !important;
}

body.home #main_visual p {
font-size:15px;
padding:30px 20px;
border:solid 1px #fff;
border-radius:10px;
}

@media (min-width: 768px) {
body.home #main_visual p {
font-size:20px;
}
}
body.home #main_visual p br {
display:none;
}
@media (min-width: 768px) {
body.home #main_visual p br {
display:inline;
}

}