First off, these are some lovely css fx you've provided, thank you so much for them! I was just wondering is there some kind of html or css code that can get the fx we implement to show correctly on mobile? For instance, with the rounded table on sidebar, I've been able to adjust the height so that it doesn't take up the whole page and ends about 20 pixels down from the last screenshot. Looks great on desktop, on mobile however, these changes aren't reflected, and the screenshots all hang awkwardly at the top (and are viewed via a horizontal scrollbar instead of just being set vertically 1 after another) while the rounded table extends empty space for a while before the rest of the page continues.

If there's no remedy to this no worries, you've already provided so much - I'm just not familiar with web design coding, so I'm not sure if there's any html / css formatting that could fix the difference in the mobile versions.