customize tags placement in summary block

Hi,

I've made a summary block (grid) with events and added some custom code to hide the image with a color and place the text over the image. As secondary metadata I'm showing tags and i want them to be positioned in the right corner with some padding but need some help with the code. Anyone any ideas? The tags is the one in yellow on the screenshot. 

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

my site is: https://tambourine-paddlefish-7adx.squarespace.com/

psw: halftijds

I don't have a solution but some observations.

You can get part of the way there with pure CSS. You can get both tags to the lower right using position : absolute to take several of the elements out of the normal flow and reposition them.

The only way I can think of, off the top of my head, to get one tag to move would be to use CSS and JavaScript to position one tag outside of it's parent element.