.grid {}
.grid li {
    position: relative;
}
.grid li > a {
    display: block;
    border: solid 4px #fff!important;
}
.grid li small {
    display: block;
    position: absolute;
    left: 11px;
    bottom: 11px;
    right: 11px;
    background: rgb(0 0 0 / 61%);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.4em;
}
.grid li small p { margin: 0 }
.grid li small a {
    display: inline;
    color: #fff;
    text-decoration: underline;
}
.grid li small a:hover {
    text-decoration: none;
}
.grid li a img {}