Position of Title and Excerpt on Masonry

Hi,

I’ve customised the position of the job title and the excerpt (full-time) on the masonry tiles, so they both align at the top.
https://www.pixifoxanimation.com/#careers
This works pretty good overall, but in some cases, when dragging the browser window smaller, the two texts overlap each other.
What I would like to do is keep the title on top, as it is now, but align the excerpt on the bottom.
I can’t get it to work myself, so I was hoping you could help me with it.

My client might want to make the except two or three lines in the future, so it is important that the text aligns from the bottom, and grows to the top.

/*----------------------------------------
// CSS - Masonry title Alignment
//--------------------------------------*/
/* Title */
#top .av-masonry-entry-title {		
	color: #FFF; /* Apply the !important rule if the titles color do not change*/
	font-size: 26px;
	font-weight:400;
	text-align: left;
	position: absolute;
	top: 0;
	z-index: 1000;
	width: 90%;
	padding-top: 10%;
}

#top .masonry-upcoming .av-masonry-entry-title {		
	color: #929292; /* Apply the !important rule if the titles color do not change*/
}

/* Masonry Content */
#top .av-masonry-entry.isotope-item .entry-content {
	color: #ff5100;
	font-size:16px;
	text-align: left;
}

/* Masonry Content masonry-upcoming*/
#top .masonry-upcoming .av-masonry-entry.isotope-item .entry-content {
	color: #929292;
	font-size:16px;
	text-align: left;
}

/* Title Background */
#top .av-masonry-entry.isotope-item figcaption,
#top .av-masonry-entry.isotope-item .avia-arrow {
	background: rgba(0, 0, 0, 1.0);
}

/* Title Background masonry-upcoming */
#top .masonry-upcoming .av-masonry-entry.isotope-item figcaption,
#top .masonry-upcoming .av-masonry-entry.isotope-item .avia-arrow {
	background: rgba(255, 255, 255, 1.0);
}

/* Border masonry grid */
.av-masonry-entry .av-inner-masonry {
    border: 2px solid;
border-color: #ffffff;
}

/* Border masonry grid masonry-upcoming */
.masonry-upcoming .av-masonry-entry .av-inner-masonry {
    border: 2px solid;
border-color: #929292;
}

/* Hover masonry grid */
#top .av-masonry-entry:hover .av-inner-masonry {
   border: 2px solid #ff5100;
}

@media only screen and (max-width: 989px) and (min-width: 767px) {
.responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
      display: block;
  }
}

Best regards, Haiko.