bc_sampleでTOPページに表示される画像サイズなどの変更について

現在、bc_sampleのテーマを使用しサイトを使用していますがTOPページに表示される画像が大きいためサイズ変更したい要望があります。
当方WEB系が初心者であり変更方法等が分からないため知恵を貸して頂ければと思い投稿しております。

※私が調べた内容として、TOPページ用環境ファイル内の【mainImage~'width' => "100%")) ?>】の記述にあるパーセンテージを変更したところ画像サイズは変更されましたが左寄りの画像となってしまい中央配置等ができませんでした。

[やりたいこと]
?画像サイズ変更の方法
?画像の配置変更の方法


■ BaserCMSのバージョン：4.1.1
■ 設置フォルダ：　[ドキュメントルート]
■ 利用しているデータベース：　[MySQL]
■ PHPスキル（自己評価）：　[全くわからない]
■ OSの種類：Windows2012R2
■ PHPのバージョン：7.2.7
■ Apachのバージョン：2.4.33
■ データベース種類・バージョン：MariaDB101.34
※XAMPPを使用して実行環境を構築しています。

こんにちは

mainImageのwidthを変更した上で、添付画像の通りにcssを調整したら変更できましたので、お試しください。

情報の提供ありがとうございました。おかげさまで画像配置については問題なくできました。
すみませんがひとつ質問があります。

TOPページの画像の縦のサイズ変更はどのようにしてやるのでしょうか？
インラインスタイル？の変更で可能のような気がするのですがいまいちやり方のイメージがわきません・・・
添付の赤線部分のサイズを（永続的に）変更したいです。

ご教授お願い致します。

でどうでしょう。

情報提供ありがとうございました。
問題なく表示ができました。

ご対応ありがとうございました！