diff --git a/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx b/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx
index 56df916..8af1b6d 100644
--- a/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx
+++ b/src/back/jdd-components/autoscrolling-images/autoscrolling-images.jdd.tsx
@@ -121,14 +121,7 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
 	}
 
 	toHTML({
-		args: {
-			title,
-			imagesPerPage,
-			images,
-			speed,
-			desktop_interval,
-			background_mode: mode,
-		},
+		args: { title, imagesPerPage, images, speed, desktop_interval, background_mode },
 		jdd_context: { render_image },
 		classes,
 		index,
@@ -147,7 +140,7 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
 			<div
 				class={[
 					"autoscrolling-images",
-					`autoscrolling-images--mode-${mode}`,
+					`autoscrolling-images--mode-${background_mode}`,
 					...classes,
 				]}
 				style={`--jdd-index: ${index}`}
@@ -225,9 +218,14 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
 									page: imagePages.at(-1)!,
 									render_image,
 									mode: "looping-head",
+									background_mode,
 								})}
 								{imagePages.map((page) =>
-									renderImagePage({ page, render_image })
+									renderImagePage({
+										page,
+										render_image,
+										background_mode,
+									})
 								)}
 								{/* for looping  endless scroll*/}
 								{imagePages[0]
@@ -235,6 +233,7 @@ export class AutoscrollingImages extends Component<typeof component_arguments> {
 											page: imagePages[0],
 											render_image,
 											mode: "looping-tail",
+											background_mode,
 									  })
 									: ""}
 							</div>