ワードプレスで画像をズームしながらのスライダー実装方法を教えていただきたいです。XOスライダー使ってますが不具合出ました。

Question

現在ワードプレスで、スノーモンキーのテーマで
サイトを作っています。

このサイトのような
https://753753-3.com/

トップの画像がズームしてフェイドして切り替わる画像スライドを作成したいです。

XOスライダーのプラグインをインストールして、
追加CSSでズームを試みていますが、うまくいきません。

スライダーのhtmlに何も記載はしていません。

試してみたこと
追加CSSに

@keyframes
 zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-image,
.swiper-slide-duplicate-active .slide-image,
.swiper-slide-prev .slide-image {
  animation: zoomUp 10s linear 0s 1 normal both;
}

.slide-img image {
  display: block;
}

今はこれを書いてますがまだ全くズームしません。

もしくは他のスライダーで上記サイトのようなスライドが実装可能であればご教授お願いいたします。
みなさま、どうぞよろしくお願いいたします。