CSS Scroll Snap Points Example

With scroll snapping we can make it so that as you scroll the container, the browser will stop in the center of the slider and also the center of the image (if there is enough space allowed)

Demo by Simon Codrington. See article.