.uni-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}
@media (max-width: 992px){ .uni-gallery-grid{ grid-template-columns:repeat(2, 1fr);} }
@media (max-width: 576px){ .uni-gallery-grid{ grid-template-columns:1fr;} }

.uni-gallery-card{
  display:block;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.07);
  transition:transform .2s ease, box-shadow .2s ease;
}
.uni-gallery-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 40px rgba(0,0,0,.12);
}

.uni-gallery-card__media{ position:relative; }
.uni-gallery-card__img{
  width:100%;
  aspect-ratio: 4 / 3;
  object-fit:cover;
  display:block;
}
.uni-gallery-card__placeholder{
  width:100%;
  aspect-ratio: 4 / 3;
  background: #f2f2f2;
}

.uni-gallery-card__overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:14px 16px;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%);
}
.uni-gallery-card__title{
  color:#fff;
  font-size:16px;
  line-height:1.25;
}