LayerSlider Text

I am using the LayerSlider for a section that has a full width photo and text. The text is two different sizes so I have two separate text layers. Each layer is 60% wide with 20% padding on the right and 20% padding on the left. My font sizes and line heights are defined in rems.

At 100% it looks great; however, when the screen gets narrower the text layers end up getting taller and begin to overlap. How can I get the lower text area to remain 40pixels below the upper text layer or how can I get the font size to reduce so that the text still fits in the the same area and there isn’t any overlapping.

I also tried putting all text in one text layer; however, I don’t see how to define the different font sizes between the top and bottom paragraphs.