Need help with Custom CSS to edit an Elementor Widget

I am using Elementor Pro to build a website (theme is Hello Elementor) ... I also have Happy Elementor Addons Pro installed.

I'm building a single page website with one section devoted to 'news' ... this section will show 4 recent posts (2 columns, 2 rows). Each post will show Featured Image, Title and a Read More button.

I'm using the Elementor Posts Widget to build this section. I've got it to the point that 4 posts are showing (with the correct information), however I can't style the post widget quite how i'd like (see "Progress So Far" attached)

At the moment, the title and read more button are nested under the featured image ... I would like the Title & Read More button to 'float' on-top of the featured image - on desktop, tablet and mobile.

I've attached an example of the style (see People Per Hour Mockup) i'm trying to emulate (exactly this, but with "read more" as well as the title)

I'm open to using an alternate plugin, but only if it works seamlessly with Elementor (and is suitably responsive)

Many thanks,

Alex