.gallery-images{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 10px;
}

a.gallery-images-item,
.gallery-images-item{
  display: block;
  width: 100%;
  position: relative;
  aspect-ratio: 10/6;
  /*overflow: hidden;*/
  /*border-radius: 10px;*/
}

.gallery-images-item img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: optimizespeed;
  margin-bottom: 14px;
  border-radius: 10px;
}

.gallery-images-item-name{
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*padding: 50% 2rem 2rem;*/
  /*background: linear-gradient(0deg, #0000004f, transparent);*/
  color: #000;
  /*opacity: 0;*/
  /*visibility: hidden;*/
  /*transition: 200ms;*/
  display: block;
  font-size: 14px;
  font-weight: 500;
}

a.gallery-images-item:hover .gallery-images-item-name,
.gallery-images-item:hover .gallery-images-item-name{
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 870px){
  .gallery-images{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
  }
}