I think you don't want to give height in pixels like 200px,
In order for overflow to work on an element’s content, the element needs to have a definite measurement, otherwise, the element container will keep on expanding to accommodate as many content elements it can have or no matter the content’s size.
But if the container element has a set height once its content reaches those limits, it will follow the overflow rule, which in case of scroll.
You can try using below code
overflow-x: hidden;
overflow-y: scroll;
height: 40vh;
(vh - Viewport Height (Auto adjusts according to browser's window size))
Hope it Helps
If the standard scroll container is not a good fit, you can give a try to my widget
Scroll Dynamic Height Container
It's basically doing for you the CSS mentionned in the previous answer, it calculates the height dynamically to reach the bottom of the screen with a formula like : 100vh - Yposition