particles.jsを実装したい

【お使いの Snow Monkey のバージョン】 15.11.1
【お使いの Snow Monkey Blocks のバージョン】 12.6.1
【お使いの Snow Monkey Editor のバージョン】 6.2.1
【お使いのブラウザ】 Google Chroom
【当該サイトのURL】

D-Works

daisukedworks.com

### 実現したいこと

topページにparticles.jsを実装したい。

### 発生している問題

### 試したこと
お世話になっております。

ホタルが舞う | 動くWebデザインアイディア帳

coco-factory.jp

この動きを実装したくて

add_action(
	'wp_enqueue_scripts',
	function(){
		// AOSの読み込み　//
		wp_enqueue_style(
			'aos-style' ,
			'https://unpkg.com/aos@2.3.1/dist/aos.css',
		);

		wp_enqueue_script(
			'aos',
			'https://unpkg.com/aos@2.3.1/dist/aos.js',
		);

		wp_enqueue_script(
			'my-aos',
			MY_SNOW_MONKEY_URL . '/scripts/aos-app.js',
			['aos'],
			filemtime( MY_SNOW_MONKEY_PATH . '/scripts/aos-app.js' ),
			true
		);

		if( is_front_page() ) {
			wp_enqueue_script(
				'particles',
				'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js',
			);

			wp_enqueue_script(
				'my-particle',
				MY_SNOW_MONKEY_URL . '/scripts/my-particle.js',
				['particles'],
				filemtime( MY_SNOW_MONKEY_PATH . '/scripts/my-particle.js' ),
				true
			);
		}
	}
);

/* メインコンテンツの上部にHTMLの挿入 */
add_action(
	'snow_monkey_prepend_contents',
	function () {
		/* if文でフロントページのみに適応 */
		if (is_front_page()) {
			?>
			<div id="particles-js"></div>
				<div class="mv__wrapper">
					<h2 class="mv__wrapper__title"　data-aos="fade-in" data-aos-duration="2000">D-Works</h2>
					<p class="mv__wrapper__title__sentence" data-aos="fade-in" data-aos-duration="2200">テスト</p>
				</div>

			<?php
		}
	}
);

上記のコードを書きました。
AOSは実装されていたのですが、particles.jsは実装されていませんでした。

少し前にもrellax.jsを似たような方法で実装できたのですが、今回はうまくいきませんでした。
わかる方いらっしゃいましたらご教授お願い致します。