Hover Images section

A heading and short intro sit above a grid of image cards, each with a vertical side label and text that fades in when you point at it.

Close-up of a red lipstick on a light gray background

SIDE

Collection 1

A vertical label runs down the center of each card at rest.

Three dark brown cosmetic containers stacked on a matching brown background

OVER

Collection 2

This heading and text fade in over the image when you hover the card.

Close-up of a tube of glittery cream on a white background

OPEN

Collection 3

Hovering one card widens it while the others shrink to make room.

Close-up of a red lipstick on a light gray background

LINK

Collection 1

Point at any one card to expand it within the row.

Three dark brown cosmetic containers stacked on a matching brown background

REST

Collection 2

The cards you are not pointing at shrink back to make space.

Close-up of a tube of glittery cream on a white background

SETS

Collection 3

The row holds two or three cards side by side on desktop.