Add summary text to project thumbnails

Site URL: https://www.everythingwillbefine.co.uk/work

Hi there,
I'm using 7.1 and want to make edits to my portfolio page.
I've attached a screengrab showing what I'd like to do.

Any help is greatly appreciated.

I'm guessing I'll also need to format the text through custom css. Is there code I can use to control size and colour?
Thanks.

p.s. Here's the custom CSS I've been using sitewide if that helps.
 

@font-face {
    font-family: 'TRASH';
       src: url('https://static1.squarespace.com/static/5ed52f5536e729657b9a6167/t/5ed6606a7f02035a43716598/1591107690847/Trash+Regular.otf');
  }
//---Font Upload---
h2 {font-family: 'TRASH';
  font-size:35px;}

p {font-family: 'TRASH';
  font-size:15px;}

.header-nav *, .header-menu-nav * {
    font-family: TRASH;
font-size:15px;}

.header-title-text {
  font-family:TRASH;
font-size:15px;}

.header-nav-item a:hover {
    color: #a89c98 !important;
}

.portfolio-title {
  color: #ffffff !important;
    font-size: 35px !important;
}

* {
    font-family: 'TRASH' !important;
}

Hi. Have you solved it yet?