How to change block style when scrolling?

Question

css

Hello! There is a page: ligashowmanspb.keyup.ru/my-product/kerin
It has a left row (with photo) and a right row (with text). If you start scrolling the page, the photo scrolls first, and then the text. This is because the right row (with text) has a fixed position. Accordingly, the visitor will not be able to read the text immediately, they will have to scroll through the pictures for a long time.
Question: how to make it so that when entering the page, the position of the right row (with text) is absolute (i.e. scrolls along with the pictures), and as soon as the text in the right row ends, the position changes to fixed (i.e. the rest of the photos would also continue to scroll, and the text would remain fixed on the screen)

Answer 1

waypiont.js. kill it on youtube