<main>
    <div class="scroll-slider hide-scrollbar">
        <figure class="relative my-0 slider-bg">
            <img src="https://picsum.photos/id/19/500/375" width="500" height="375">
            <figcaption class="absolute inset-0 flex flex-col justify-end p-6">
                <h1 class="my-0">Fylgja CSS Slider</h1>
            </figcaption>
        </figure>
        <img src="https://picsum.photos/id/34/500/375" width="500" height="375">
        <img src="https://picsum.photos/id/42/500/375" width="500" height="375">
        <img src="https://picsum.photos/id/72/500/375" width="500" height="375">
        <img src="https://picsum.photos/id/94/500/375" width="500" height="375">
    </div>
</main>