Gallery 3 block design & features
The section pairs a large heading with ghost-variant arrow buttons in the header row, then renders a Shadcn UI Carousel whose track extends beyond the container edges on wide screens. Each card sits on a muted background with rounded corners and contains an image in a 3:2 aspect container, a Badge label, a title, a short description, and a "Read more" link with an animated arrow icon.
Cards are capped at a narrow max width, keeping the carousel dense so multiple items remain visible simultaneously. The image scales up slightly on hover via a CSS transform origin set to the bottom edge. On smaller screens the carousel switches to drag-free mode, allowing flick-based scrolling. The previous and next buttons track scroll state and disable themselves at the start or end of the track.
The design is utilitarian and content-forward, treating each slide as a compact information card rather than a full-bleed visual. The muted card surface and badge categorization give it a structured, blog-index feel.