Empire theme - put longer text in descriptions behind a 'Read More' link

[StaceyRogers]

I'm wanting to reduce the amount of text on screen for my collections and products ... particularly on Mobile.

Here is an example of a collection header:

https://notjustaprint.com/collections/wedding-face-masks

Which I would rather just said:

Custom printed face masks and pocket squares for weddings ... read more

And on clicking the '... read more' the customer could see the rest of the text as although the full text is relevant it takes up too much space on mobile.

Similarly for a product - just show the first line and "... read more" which would then expand the full description.

Anyone managed this on Empire theme?