The reason why this happens is that the text will always be responsive. The text will always aline itself to be visible on the screen.
One fix for this would be to not have a fixed height on the parent div and adjust it with padding and margins.
Another fix would be to make the
font-size smaller using media queries. There is no need for the font to be so big on mobile anyway.
Also, next time consider sharing some code.