.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 4px; box-sizing: content-box; overflow: hidden; position: relative; }
.flex-images .item img { width: 100%; height: 100%; margin: 0px;}
#demo5 .over { position: absolute;  bottom: 0;  left: 0;  right: 0; text-align: left; padding: 4px 6px;  background: #222;  background: rgba(0,0,0,.4); font-size: 0.86em; color: rgb(208,208,208);}
#demo5 .over a { color: rgb(208,208,208); text-decoration: none;}
#demo5 .over a:hover { color: gold;}