.gallery figure {
	display: flex;
	flex-flow: column;
	/* padding: 5px;*/
	width: 100%;
	height: 100%;
	margin: auto;
	position: relative;
}

.gallery figure img {
	width: 100%;
	height: 100%;
	/*
	border-radius: 10px;
	*/
  }

.gallery figcaption {
	padding: 1px 3px;

	font-size: 1rem;
	text-align: center;
	position: absolute;	

	height: 30%;
	top: 70%;
	bottom: 0%;

	left: 0%;
	right: 0%;

	background-color: #222222AA;
	color: #FFF;
/*
	background-color: #00aa00;
	color: #000;
*/
/*
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
 */
	
  }
.gallery figcaption {
	/* https://stackoverflow.com/questions/36652580/how-to-add-three-dots-to-text-when-overflow-in-html */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}