Mobile layout problems with Text slides

[dan-bowerman]

When using a Dynamic slide that links to a right-hand panel type as "text", the content can overlap with existing content and is displayed below the user's field of view.

Here is some example Markdown that is triggering the problem (you may need to remove linebreaks):

Achievements and Future Milestones
----------------------------------

||Achievements|Ongoing Efforts and Planned Milestones|
|-|-|-|
|**Recovery**|*Dolphin and Union population*
Initiated [Transport Canada's Pro-active Vessel Management program](https://tc.canada.ca/en/marine-transportation/navigation-marine-conditions/proactive-vessel-management) to mitigate shipping/ icebreaking impacts on sea ice crossings
*Barren-ground population*
On-the-ground actions for Northwest Territories, Nunavut and Yukon herds through management boards and Indigenous/territorial governments
On-the-ground partner-led projects, including Indigenous Protected and Conserved Areas initiatives relevant to barren-ground caribou
|*Dolphin and Union population*
Continue conservation planning to complete herd-specific plans
Continue engagement with Indigenous peoples on the Pan-Canadian Approach
*Barren-ground population*
Protection of freshwater crossings, access corridors, and calving/post-calving grounds in Nunavut
Continue conservation planning to complete herd-specific plans
Continue engagement with Indigenous peoples on the Pan-Canadian Approach
|
|**Knowledge**|*Dolphin and Union population*
Identification of knowledge gaps in the national Management Plan and respectful inclusion of Indigenous knowledge in addressing these gaps through negotiated contribution agreementsBarren-ground population
Identification of knowledge gaps in herd management plans and respectful inclusion of Indigenous knowledge in addressing these gaps through negotiated contribution agreements
|*Dolphin and Union population*
Continue collaborative monitoring programs
Build on recovery actions identified in the national Management Plan to address additional knowledge gaps and priorities with key partners
Participate in the North American Caribou Workshop to facilitate knowledge sharing
*Barren-ground population*
Continue collaborative monitoring programs
Address and identify additional knowledge gaps and priorities with key partners
Participate in the North American Caribou Workshop to facilitate knowledge sharing
|
|**Reporting**|*Dolphin and Union population*
Federal and territorial reporting on recovery implementation, including through various agreements’ annual reporting mechanisms and priority species dedicated web pages to communicate progress to Canadians
*Barren-ground population*
Federal, provincial, and territorial reporting on recovery implementation, including through various agreements’ annual reporting mechanisms and priority species dedicated web pages to communicate progress to Canadians
|
Ongoing reporting through existing mechanisms and priority species dedicated web pages
|

This issue is to ensure mobile layout behaves as expected when opening a text panel from a dynamic slide - Opaque background and consistent flow to let the user know this is the content they selected vs. the panel they were just on? Open to ideas.

[dan-bowerman]

At full screen resolution, the table looks like this -- is it even possible to squish this to look fine on a mobile screen?