Scroll-padding-top property is set on the container, so that the snap position of child elements is offset by a distance to the top of the container.
In this case, snap position is set to start in y direction, so the element in focus should snap into place at the very top of the container. But instead, because of the scroll-padding-top value, the element in focus is offset by a 20px distance from the top of the container to the child element.