.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  margin:1em 0;
}
.gallery a img {
  width:100%;
}
.gallery a.card {
  height: 380px;
  background:#999;
  padding:1em;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  position:relative;
}
.gallery a.card:hover {
  box-shadow: 0px 0px 10px #000;
}
.gallery  a.card > .title { 
  bottom:10px;
  background:white;
  border-radius:16px;
  position:absolute;
  padding:1em;
  left: 1em;
  right: 1em;
}