【カラーミーショップ】スライドショーの画像が意図したものより大きく表示される

お世話になっております。
表題の通り、スライドショーの画像が意図した大きさにならず、困惑しております。
アドバイスいただけますと助かります。カラーミーショップはセマンテックではなくxhtmlにて記述されます。

まずは画面キャプチャーから
###現行サイト

###カラーミーショップ移植中サイト

スライドショーは5回転で、すべて同じように拡大されて表示されます。

xhtml
1<main>
2	<h2 class="maincopy">月のような<br class="sp">あなたの満ち欠けをまるごと愛する
3	<br>癒しのジュエリーブランドです
4</h2>
5<div class="bg-slider"></div>
6

css
1/*メイン画像*/
2.bg-slider {
3	width: 100vw;
4	height: 100vh;
5	background-position:center center;
6	background-size: cover;
7	display: flex;
8	align-items: center;
9	justify-content: center;
10	padding-top:-30px;
11
12}
13.maincopy{
14	top:700px;
15	color: #fff;
16	font-size:24px;
17	letter-spacing: .25em;
18	font-family:"Lato","sans-serif","ryo-gothic-plusn";
19	font-weight: 300;
20	position: relative;
21	text-align: center;
22	line-height: 1.7em;
23
24}

javascript
1	//bgSwitcherの詳細設定
2
3
4	jQuery(function(){
5    var windowWidth = $(window).width();
6    var windowSm = 640; //もしwindow幅が640pxより狭い場合
7    var bgImages;
8    if(windowWidth <= windowSm) {
9        bgImages = ["https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide01.jpg?cmsp_timestamp=20211130055356", 
10										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide02.jpg?cmsp_timestamp=20211130055409", 
11										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide03.jpg?cmsp_timestamp=20211130055421",
12										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide04.jpg?cmsp_timestamp=20211130055430",
13										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide05.jpg?cmsp_timestamp=20211130055441"];  //sp用の画像に差し替える
14    } else {
15        bgImages = ["https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide01.jpg?cmsp_timestamp=20211130060139", 
16										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide02.jpg?cmsp_timestamp=20211130060213", 
17										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide03.jpg?cmsp_timestamp=20211130060225",
18										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide04.jpg?cmsp_timestamp=20211130060236",
19										"https://img21.shop-pro.jp/PA01476/875/etc/sp_main_slide05.jpg?cmsp_timestamp=20211130060247"];
20    }
21    $('.bg-slider').bgSwitcher({
22        images: bgImages,
23        effect: "fade",
24        easing: "swing",
25        loop: true,
26		interval: 5000, // 背景画像を切り替える間隔を指定 3000=3秒
27		duration: 1000, // エフェクトの時間を指定します。
28    });
29});