transition below element not over

[Mdev303]

Is it possible to make the card go below the bottom bar instead of over it (look at the video) ? I tried changing the z-index but it has no effect.

framework: sveltekit
layout.svelte

onNavigate((navigation) => {
		// @ts-ignore
		if (!document.startViewTransition) return;
		return new Promise((resolve) => {
			// @ts-ignore
			document.startViewTransition(async () => {
				resolve();
				await navigation.complete;
			});
		});
	});

the class of my bottom bar

.bottomNav {
		view-transition-name: none;
		z-index: 150;
		position: absolute;
		inset: 0 auto 0 0;
	}

animation_bug.mp4