You can see we have 3 sections in the codepen, I want once you reach section 3, the scroll of the actual page to lock once you see middle/bottom of the section so you are able to see part of the heading + the whole boxes while they are being scrolled horizontally. right now the section is pinned at the top and since the font sizes and the boxes are quite big, you don't really seem them or you either see some of them. So I would want the section to lock and the boxes to start move once you see th
Welcome to the forums, Critingz.
I am not exactly sure, I understand what it is you are trying to accomplish, because depending on the height of the window, there would actually be different parts visible, since you are not making use of any specific vh units with regard to your styling.
If all you are asking is how to trigger the ST/pin when the boxes hit the center of the window/viewport, you could just set the start to 'center center'.
If you are going for