carousel

<div
	aria-label="Image carousel"
	class="shaodw-md flex snap-x items-center gap-6 overflow-x-scroll rounded border px-6"
>
	<img
		alt="A random image from picsum.photos"
		src="https://picsum.photos/144?random=1"
		class="bg-foreground size-36 snap-center"
		width="144"
		height="144"
	/>
	<img
		alt="A random image from picsum.photos"
		src="https://picsum.photos/144?random=2"
		class="bg-foreground size-36 snap-center"
		width="144"
		height="144"
	/>
	<img
		alt="A random image from picsum.photos"
		src="https://picsum.photos/144?random=3"
		class="bg-foreground size-36 snap-center"
		width="144"
		height="144"
	/>
	<img
		alt="A random image from picsum.photos"
		src="https://picsum.photos/144?random=4"
		class="bg-foreground size-36 snap-center"
		width="144"
		height="144"
	/>
	<img
		alt="A random image from picsum.photos"
		src="https://picsum.photos/144?random=5"
		class="bg-foreground size-36 snap-center"
		width="144"
		height="144"
	/>
</div>